Particle Trail Mouse

Particle Trail Mouse
Particle Trail Mouse

About Particle Trail Mouse

Particle Trail Mouse creates a burst of animated particles around your cursor or touch input. Each particle spawns at a random offset, scales up smoothly, then shrinks back to zero — forming a clean, reactive trail that works on both desktop and mobile.

Customize shape, size, color and timing directly from the right panel ✨

Key Features

  • Cursor & Touch Reactive – Particles spawn on both mouse and touch input, working across desktop and mobile.

  • Organic Particle Animation – Each point has a random offset and scale cycle with eased timing for a natural feel.

  • Circle or Square Particles – Switch between round and square shapes with one click.

  • Canvas-Based Rendering – Efficient drawing on a canvas element for smooth performance, even with many particles.

  • Responsive Resize – Automatically adapts particle positions when the window is resized.

Drop it into your page, adjust the controls, and get a refined particle trail in seconds — no extra code needed.

🔧 Props / Controls

  • Particle Type: Choose between circle or square shapes.

  • Area Size: Radius of the area where particles can spawn around the cursor.

  • Particle Size: Maximum additional size for each particle.

  • Particle Color: Color of all particles.

  • Min Lifetime: Minimum duration of each particle’s scale animation cycle.

  • Max Lifetime: Maximum duration of each particle’s scale animation cycle.

Best For

  • Hero sections with subtle interactive backgrounds

  • Portfolio and experimental layouts

  • Cursor-based visual feedback on desktop

  • Touch-reactive micro-interactions on mobile