Skip to content

component

Particle Trail Mouse

By Quentin Hocdé

Details

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.

120014001600163288/148/228/309/79/15
  • All · #6328