Eye Follow Button

The Eye Button is a playful, highly interactive UI component featuring animated eyes that respond to cursor movement in real time. The pupils smoothly follow the user’s cursor, adding personality and delight to calls-to-action. Perfect for landing pages, portfolios, and creative interfaces.

Designed for flexibility, the component includes extensive customization options, letting you tailor both appearance and behavior to fit any brand or layout.

Customizable Properties

• Link: Add any URL or action

• Button Color: Customize the button background color

• Text: Edit the button label

• Text Color: Control the label color

• Padding: Adjust internal spacing for compact or spacious layouts

• Radius: Control button corner roundness

• Eye Color: Set the eye background color

• Pupil Color: Customize pupil color

• Eye Count: Choose between one or two eyes

• Eye Size: Adjust overall eye dimensions

• Pupil Size: Control pupil scale

• Eye Gap: Set spacing between eyes

• Speed: Adjust how quickly pupils follow the cursor

• Range: Control how far pupils can move

• Blinking: Enable or disable blinking

• Blinking Intensity: Fine-tune blink strength

With smooth motion, expressive animations, and detailed controls, the Eye Button brings character and interactivity to any Framer project while remaining easy to customize and integrate.