Velocity Cursor
A high-performance mouse follower with velocity-based motion, dynamic skewing, and customizable hover text — built for smooth, responsive interactions in Framer.
Make it with Workshop
Build your own component with AI
Important:
To enable custom text hover effects, first unlink the Velocity Cursor component in your project. This unlocks its override controls.
Then select any layer and apply one of the available overrides — Custom Text 1, 2, 3, 4, or 5 — corresponding to the custom text fields you’ve entered in the main component.
Finally, make sure the Velocity Cursor component is placed at the top of your layer stack, just below the Body layer, to ensure it appears above all other elements.
Velocity Cursor adds a smooth, physics-driven mouse follower to your Framer project, powered by GSAP for fluid, velocity-based motion and adaptive skewing. It responds to hover targets in real time and displays customizable text prompts such as “View,” “Shop,” “Contact,” or any text you define in the component controls.
With dynamic scaling, color, and speed options, it brings depth and motion to your interactions — perfect for enhancing buttons, cards, and navigation elements. Designed for performance, responsiveness, and creative flexibility across desktop layouts (automatically hidden on mobile for usability).
