Skip to content

Peeping Eyes Button

Fun Button with hover effect

Peeping Eyes Button preview image 1

Summary

Peeping Eyes Button Add a delightfully creepy and playful touch to any button with this interactive "Peeping Eyes" component!On hover, a pair of realistic googly eyes suddenly…

Description

Peeping Eyes Button

Add a delightfully creepy and playful touch to any button with this interactive "Peeping Eyes" component!On hover, a pair of realistic googly eyes suddenly appears behind the button, staring directly at the user. As you move your mouse anywhere on the page, the pupils smoothly track and follow the cursor – creating a fun, surprising "someone's watching" effect that's perfect for CTAs, contact forms, newsletters, or just adding personality to your site.Key Features:

  • Eyes only appear on button hover (fade in smoothly)

  • Pupils follow the mouse cursor across the entire page with buttery-smooth animation

  • Fully customizable: eye size (from tiny 10px to large), pupil ratio, spacing, colors, and inner shadows

  • Pointer-events disabled on eyes – never interferes with clicks

  • Lightweight and performant (built with Framer Motion)

  • Scales perfectly for desktop and mobile previews

Ideal for engaging "Contact Us", "Subscribe", "Download", or any call-to-action button. Turn ordinary interactions into memorable, whimsical moments!

IMPORTANT: Due to the nature of digital code components, all sales are final and non-refundable. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

Before purchasing, please:

  • Review the component demo and documentation carefully

  • Check the feature list to ensure it meets your needs

  • Contact us at [email protected] with any pre-purchase questions

For design work, questions, or help, please reach out at https://www.fireislanddesign.com

Rank history How rankings work →

12001400153248/149/49/2610/1811/9
  • All · #4560

Details

More like this