Cursor Trail
Visual effect component that follows mouse cursor with customizable particle trails and animations to enhance user interaction.
Pro Features
Unlock advanced capabilities with the Pro version
Cursor Tracking
Smooth trail effect following mouse movements
High Performance
Optimized rendering with requestAnimationFrame
Fade Effect
Smooth particle fade-out animation
Customization
Control color, size and particle count
Duration Control
Particle lifetime and delay settings
Shape Options
Circle, square, or diamond particle shapes
Advanced Effects
Splash, galaxy, fire, neon and more
Size Variations
Dynamic particle sizes and scaling
Physics Simulation
Spring, float and explosion physics
Installation
Install via CLI
npx moonui-cli@latest add cursor-trailUsage
Move Your Mouse!
👆 See the cursor trail effect inside this area
Examples
Splash Effect
Interactive splash animation on click with ripple effect
Click for Splash Effect!
Move and click to create ripples
Galaxy Trail
Cosmic particle effect with variable sizes and colors
Galaxy Trail Effect
Cosmic particles with variable sizes
Fire Trail
Burning flame effect with gradient colors
Fire Trail Effect
Burning particles following cursor
Elastic Spring
Springy elastic trail with physics simulation
Elastic Spring Trail
Physics-based elastic animation
Neon Glow
Cyberpunk neon trail with intense glow
Neon Glow Trail
Cyberpunk style with intense glow
Bubble Float
Floating bubbles with size variation and physics
Bubble Float Effect
Floating bubbles with physics
Particle Explosion
Explosive particle burst on interaction
Particle Explosion
Click for explosive burst effect
Morphing Shapes
Dynamic shape morphing trail
Morphing Shapes
Dynamic shape transformation