Peeko Button

Peeko Button is a playful interactive button with animated eyes that follow your cursor. When you hover, the top layer rotates away to reveal two eyes underneath—creating a fun, engaging micro-interaction that instantly grabs attention.

How It Works

• Eye Tracking: Uses realistic pupil movement.

• Hover Animation:

  • Rotate Upward: Cover tilts -15° upward

  • Rotate Downward: Cover tilts +15° downward

  • Slide: Cover slides away to reveal the eyes directly

Perfect for

• Attention-grabbing CTAs

• Playful or creative websites

• Portfolios, gaming UIs, children’s apps

• Event pages (Halloween, festivals, campaigns)

• Creative agency sites

How to Use

• Place the component on your canvas

• Replace text (e.g., "Click Me", "Get Started")

• Select animation type (Slide, Rotate upward and Rotate Downward)

• Customize colors, stroke, eye size, and typography

• Reposition eyes using the built-in controls

• Connect onTap to navigate or trigger actions

Styling Tips

• Use short button text for maximum visibility

• Adjust border radius for different styles

• Try alternate color themes (Neon Pink, Electric Blue, Lime Green)

• Works with both hover and touch interactions

• Includes blinking eyes for added character