Mouse Trail Demo.
Mouse Trail Demo.
Fading dots follow your cursor.
Fading dots follow your cursor.
Try It Now
Custom Dot Color
Custom Dot Color
Set any color for the fading dots.
Set any color for the fading dots.
Size & Spacing
Size & Spacing
Control dot size and gap along the trail.
Fade & Trail Length
Fade & Trail Length
Adjust fade rate and trail length for unique effects.
Adjust fade rate and trail length for unique effects.
Effortless customization.
Framer is one of the best design builders
Framer is one of the best design builders
Fine-tune the mouse trail’s look and feel to fit any website or project. Simple controls for developers and users alike.
Fine-tune the mouse trail’s look and feel to fit any website or project. Simple controls for developers and users alike.
How do I change the dot color?
You can set the dot color using the 'dotColor' property in the component settings.
Can I limit the number of visible dots?
Yes. Use the 'trailLength' property to control how many dots appear at once.
Does the trail work on mobile devices?
The trail is optimized for mouse input and works best on devices with a cursor.
How do I change the dot color?
You can set the dot color using the 'dotColor' property in the component settings.
Can I limit the number of visible dots?
Yes. Use the 'trailLength' property to control how many dots appear at once.
Does the trail work on mobile devices?
The trail is optimized for mouse input and works best on devices with a cursor.
How do I change the dot color?
You can set the dot color using the 'dotColor' property in the component settings.
Can I limit the number of visible dots?
Yes. Use the 'trailLength' property to control how many dots appear at once.
Does the trail work on mobile devices?
The trail is optimized for mouse input and works best on devices with a cursor.
Docs
Getting Started
API Reference
Customization
Community
GitHub
Support
More
Blog
Contact
Changelog