EyeFollow Component

EyeFollower — Interactive Cursor-Tracking Eyes

A playful, fully customizable eye component that tracks your cursor in real time.

Add a touch of personality to your site with EyeFollower — a lightweight interactive component where the pupils follow the user's mouse movement wherever it goes on the screen. Perfect for 404 pages, hero sections, portfolios, or anywhere you want to surprise and delight visitors.

Features

• 🎯 Real-time cursor tracking — pupils smoothly follow the mouse across the entire viewport

• 🌗 Light & dark mode support — looks great on any background, switches seamlessly with theme toggles

• 🎨 Fully customizable styling

  • Eye Color

  • Pupil Color

  • Background Color

  • Eye Width & Height

  • Pupil Size

  • Eye Spacing (distance between the two eyes)

• ⚡ No code required — every property is editable directly from the Framer right-panel controls

• 🧩 Drop-in component — just add it to your canvas and connect it to a button, link, or any element

• 🛠 Editable in Workshop for deeper customization if needed

Use Cases

• Empty states / 404 pages

• Fun call-to-action sections ("Click Me" style prompts)

• Portfolio or personal sites wanting a memorable interaction

• Onboarding or loading screens

How it works

Simply drag the component onto your canvas, adjust the color, size, and spacing to match your brand, and the eyes will automatically track your visitor's cursor — no additional setup or code needed.