Skip to content

component

Peeping Eyes Button

By Troy Miller

Details

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 troy@fireislanddesign.com with any pre-purchase questions For design work, questions, or help, please reach out at https://www.fireislanddesign.com

Introduction

Fun Button with hover effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300134608/148/228/309/79/15
  • All · #3337