WebGL · regl

Particles music visualizer

WebGL particle field that swirls with the mids, expands with the bass, and bursts on every beat.

Particles is the most visually arresting scene in the library — a real-time GPU particle system rendered through regl. Particles emit from the centre of the canvas, swirl based on mid-frequency content, get radially pushed outward by bass energy, and explosively burst on every detected beat.

Up to 1400 particles can be on screen simultaneously, each one a tiny audio-reactive object with its own position, velocity, colour and lifetime. Translucent background drawing creates motion trails that range from a clean dotted swarm to dense painterly streaks.

The scene shines for high-energy genres — EDM drops, synthwave kicks, hip-hop hi-hats all read clearly through the particle response. For ambient or lo-fi tracks, dial down the particle count, raise the trail value, and slow the speed to get a soft drifting nebula.

Particle shape can be circle, square or star. Combined with the colour palette and trail length, the same scene produces wildly different aesthetics — disco confetti, nebula cosmos, glitch fireworks, or minimal data points.

What it does well

Best for

Genres
EDMSynthwaveCinematicTranceHip-hop
Formats
YouTube 16:9Shorts 9:16Reels 9:16

Key parameters

particleCount
Active particles each frame
bassReactivity
How strongly bass pushes particles outward
swirl
Rotational force driven by mid-frequencies
beatBurst
Explosive jolt on each detected beat
trail
Motion trail length (0–1)

Rendering

Renders on WebGL via regl. Requires a browser with WebGL 1.0 — supported in every modern desktop and mobile browser since 2018.

20 templates use this scene

See all →