Mouse Trail
Lightweight, customizable mouse trail for Framer with four styles — line, dots, particles, and pixel — plus full control over colors, size, and effects.
Make it with Workshop
Build your own component with AI
Lightweight, customizable mouse trail for Framer with four styles — line, dots, particles, and pixel — plus full control over colors, size, and effects.
Make it with Workshop
Build your own component with AI
Mouse trail for Framer – smooth, interactive cursor effectsThe mouse trail component adds a sleek, responsive trail that follows the cursor or touch movement, perfect for adding subtle motion or playful interactivity to your Framer projects. Choose from four distinct styles — line, dots, particles, and pixel — each with smooth animations, adjustable colors, and fine-tuned performance.
Whether you’re creating a modern landing page, a creative portfolio, or an interactive event site, mouse trail brings your design to life with fluid, lightweight effects that run beautifully on both desktop and mobile.
Interactive motion styles
Line – clean, continuous stroke that fades smoothly behind the cursor
Dots – evenly spaced circles for a more playful, bubbly look
Particles – small drifting sparks that scatter and fade for extra motion
Pixel – retro-inspired blocky trail with optional grid snapping
Full customization
Color & gradient – pick a solid color or create a smooth gradient trail
Size & length – control trail thickness, length, and point spacing
Fade & smoothing – adjust how quickly the trail fades and how smoothly it follows the cursor
Particle settings – fine-tune count, size, spread, and drift for dynamic effects
Pixel mode options – set pixel size and toggle snap-to-grid for retro precision
Blend modes – choose normal, lighter, or screen for creative compositing
How it works
Mouse trail tracks cursor movement and stores recent positions to draw smooth, frame-based animations directly to canvas. Each style uses a specialized rendering method — from continuous strokes to particle updates — ensuring smooth motion without slowing down your project. All rendering is optimized for high-DPI displays and touch input, so the effect looks sharp and performs well everywhere.
Perfect for
Portfolio & creative showcases
Landing pages & hero sections
Interactive events or promos
Playful backgrounds & UI experiments
Why use mouse trail?
Lightweight & high-performance canvas rendering
Fully responsive & touch-friendly
Easy to set up — no coding required
Designed for Framer with intuitive controls
