Eyes Follow Cursor: Free Interactions Component by Harshit Pandey

A Framer override that keeps pupils perfectly centered inside the eyes while smoothly following the mouse cursor within a set movement radius, creating a playful and interactive.

About this Component

About this Component
Static illustrations feel lifeless. Why settle for motionless eyes when you can give your design a playful, human touch?

Introducing Eyes Follow Cursor: an interactive component that makes pupils track the user’s mouse movement in real time. With subtle, natural motion, your design instantly feels alive drawing attention and adding charm to any layout. Simply drop the pupils inside your eye designs, and they’ll do the rest!

Perfect For:

Character illustrations that react to your visitors.
Fun landing pages with personality.
Gamified UI elements or mascots.
Any design that could use a little spark of interactivity.

Key Features:

✅ Perfect Centering – Pupils always start from and return to the exact center of the eye.
✅ Smooth Tracking Motion – Follows the cursor with realistic, constrained movement.
✅ Customizable Radius – Adjust how far the pupils can move from the center for the perfect look.
✅ Lightweight & Responsive – Works seamlessly across screen sizes and layouts.