component
Particle Trail Mouse
By Quentin Hocdé
Details
- Quentin HocdéAuthor
- componentType
- $5.00Price
- 2026-03-24Published
- 2026-04-08Updated
- 2026-03-12Added
- CursorsCategories
Summary
Particle Trail Mouse creates a burst of animated particles around your cursor or touch input.
Description
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
Introduction
Organic animated following particles
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #6328