---
title: "Peeko Button — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Saeef · Buttons. Peeko Button is a playful interactive button component for Framer that combines eye-tracking effects, hover animations…"
canonical: "https://framer.elliotli.dev/component/peeko-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Peeko Button

# Peeko Button

Animated eye-tracking CTA button

[View on Framer](https://framer.com/marketplace/components/peeko-button/?via=elliot-li)

![Peeko Button preview image 1](https://framer.elliotli.dev/og/component/peeko-button/d8b0d18af925391b/1600x1200.jpg)

## Summary

Peeko Button is a playful interactive button component for Framer that combines eye-tracking effects, hover animations, and customizable micro-interactions to create memorable…

## Description

Peeko Button is a playful interactive button component for Framer that combines eye-tracking effects, hover animations, and customizable micro-interactions to create memorable call-to-action experiences.

The button features animated eyes that follow the user's cursor, adding personality and motion to your website. On hover, the cover layer moves away to reveal the eyes beneath, creating a surprising and engaging interaction that encourages clicks and user engagement.

### Choose from multiple hover animation styles:

-   Slide Reveal
    
-   Rotate Upward (-15°)
    
-   Rotate Downward (+15°)
    

Built-in eye tracking creates realistic pupil movement, while optional blinking animations add extra character and visual interest.

### Fully customize the component to match your brand:

-   Change button text and labels
    
-   Customize colors and borders
    
-   Adjust typography and sizing
    
-   Control eye size and positioning
    
-   Modify corner radius and styling
    
-   Select animation behavior and interaction style
    

Perfect for attention-grabbing CTA buttons, landing pages, portfolios, creative agencies, gaming websites, children's products, event promotions, campaign pages, startup websites, and interactive web experiences.

Simply place the component on your canvas, update the text, choose an animation style, customize the appearance, and connect the onTap action to navigation, forms, or custom interactions.

Whether you're building a playful website, creative portfolio, marketing campaign, or interactive landing page, Peeko Button helps transform a standard button into a memorable animated experience that captures attention and increases engagement.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9946

## Details

- **Author**: Saeef
- **Price**: $8.00
- **Published**: 2025-12-01
- **Updated**: 2026-06-10
- **Added**: 2025-11-25
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything