UltimateFramerEye

Interactive Framer Component

Your page is

watching you

Cursor-following eyes for Framer. Realistic, blinking, dilating — drop it in and watch your visitors watch back.

Live preview

No code. Fully customizable. Works in seconds.

Add to Framer - Free

See how it works

SCROLL

What's inside

Everything a pair
of eyes should do.

Cursor tracking, blinking, idle drift, hover dilation — all out of the box

Core

Cursor tracking

Pupils follow your cursor anywhere on the page with spring physics — smooth, never robotic.

Style

3 shapes · unlimited colors

Oval, round, or narrow. Assign a unique iris color to every single eye — up to 8 at once.

hover me

Behaviour

Grows on hover

Iris expands when the cursor moves over an eye — smooth spring animation, toggleable in the panel.

Look Here!!

Follow Element

Follows any element.

Add a name in Scroll Section (e.g. follow-element), switch Follow to Element, and use #follow-element here.

Creative uses

Drop it anywhere.

It fits everywhere.

Drop it anywhere.

It fits everywhere.

From buttons to mascots to full-screen walls — the only limit is your imagination

Navbar logo

Single eye as brand mark — watches visitors as they scroll

Eyes in buttons

Replaces the arrow icon — watches where you're about to click

Get Started

Learn more

Watch the demo!

Character / mascot

Use narrow shape for cat eyes, round for cartoon characters

Wall of eyes

500 eyes, size 22px, wrap on — fills any section

Pill badges

Eye replaces the status dot inside any badge or tag

Watching

Live

New

404

lost? we're watching.

404 page

Eyes above the error code — playful way to own the mistake

Custom cursor

Replace the default cursor with a single eye that tracks itself — meta and memorable

Custom cursor

Replace the default cursor with a single eye that tracks itself — meta and memorable

Customization

Any color.

Any mood.

Any color.

Any mood.

One iris color or eight different ones — total control from the Framer panel.

Classic

Forest

Ember

Violet

Rose

Arctic

Crimson

Ghost

SCALE

up to 500 eyes.

Yes, you can make a wall of 500 eyes.

up to 500 eyes.

Yes, you can make a wall of 500 eyes.

FREE FOREVER

Get it.

It's Free.

Get it.

It's Free.

One click to add to your Framer project. No signup. No license. Just eyes.

One click. Your page starts watching.

Works with any Framer plan