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.
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.
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.
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.
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.
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.
Saeef
