Follow Cursor is a cursor-tracking component for Framer. It supports multiple reaction modes—eyes with natural blinking, floating badges, and animated emojis—with smooth spring animations and idle drift. Use it to add subtle interactivity to landing pages, portfolios, and product showcases.
Eyes Mode: One or two eyes that track the cursor with natural blinking. Three shape presets (round, oval, narrow).
Badge Mode: Floating badge with gradient background, hover scale, and dynamic shadows.
Emoji Mode: Animated emoji with hover effects, rotation, and glow.
Spring-based animations with adjustable smoothing (0.02–0.3).
Idle drift animation when the cursor is inactive or off-screen.
Always: Tracks cursor globally across the page.
Hover Area: Only responds when hovering over the component.
Automatic blinking with random intervals (3.5–8 seconds).
Three eye shapes: round, oval, narrow.
Customizable eye and pupil colors, sizes, and spacing.
All settings are exposed as property controls.
Reaction mode (Eyes, Badge, Emoji).
Follow trigger (Always, Hover Area).
Smoothing (motion lag/speed).
Idle animation toggle and speed.
Shape preset (Round, Oval, Narrow).
Count (Single, Pair).
Size, eye color, pupil color.
Blinking toggle.
Label text, padding, corner radius.
Background color, text color, font size.
Emoji character, size.
Shadow strength, background color.
Landing Pages & Hero Sections
Portfolio & Showcase Sites
Product Launches & Marketing
Creative & Experimental Projects
Drop Follow Cursor onto your canvas, choose a mode, and customize in the property panel. Works as a standalone element or as an overlay wrapper for existing content.
Aidan Looker
