Cursor Follower Pro

Cursor Follower Pro is a fully dynamic cursor system built for Framer. It enhances the default pointer by adding a smooth animated follower that reacts to user interaction, hover states, and motion in real time.

The component uses GSAP for precise motion control, easing, and performance. It supports text, images, magnetic interactions, and blend modes, all configurable directly from the property panel.

It runs only in Preview and Live mode, keeping your canvas clean while designing. On smaller screens, the cursor follower disables automatically to maintain usability and performance.

Features

Cursor Follower System

• Smooth Cursor Follower — Adds a fluid animated follower that tracks the default cursor• Optional Cursor Replacement — Hide the system cursor and use only the custom follower when needed• Motion Engine — Powered by GSAP with adjustable speed and easing• Skew-Based Motion — Adds directional stretch based on cursor velocity

Smart Hover Interactions

• Dynamic Text Labels — Show contextual text on hover• Image Support — Display images inside the cursor on hover• Per-Target Styling — Unique colors, scale, and behavior for each element• Instant Variant Detection — Updates cursor instantly on interaction changes