Cursor Fluid Trail

Premium smooth fluid cursor trail effect

Important

Framer’s preview may not accurately display the trail’s smoothness or damping. For the true, fluid motion, publish your site or open the live preview — that’s where the real effect shines.

Cursor Trail

Cursor Trail adds a sleek, dynamic trail that follows your mouse with smooth motion and subtle fading. It gives your site an interactive, high-end feel — ideal for portfolios, product sites, or any layout where motion design enhances storytelling.

You can customize trail color, length, width, smoothness, and damping to perfectly match your style. It reacts instantly to cursor movement, softens naturally when leaving the screen, and runs on performant canvas rendering for ultra-smooth animation.

Key Features

• Fluid motion: The trail glides naturally with velocity damping and easing.

• Fully customizable: Adjust color, width, and length to create anything from subtle glow lines to energetic motion streaks.

• Performance optimized: Canvas-based rendering ensures 60fps animation even on large screens.

• Responsive: Automatically resizes with the viewport.

• Fade-on-leave option: Softly fades when the cursor exits the window.

  

Setup Instructions

1. Drag and drop the component anywhere on your Framer canvas.

2. Place it at the very top of your Layers panel so it appears above all content.

3. Set Width: 100% and Height: 100vh for full-screen coverage.

4. Lock the layer to prevent accidental movement while editing.

5. Customize the color, smoothness, and length to match your site’s visual energy.

6. Preview your site — the trail should automatically follow your mouse smoothly.

Support

Need help or want to request a tweak? [email protected]