Flocking particle swarm that chases the pointer, jostles for space and drifts apart at rest.
Every prop is wired to the controls underneath. Move the pointer across the stage to pull the swarm along, and click to scatter it.
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | '#ffffff' | Base color of the swarm. |
accentColor | string | '#ffffff' | Color where the swarm is densest. |
count | number | 10 | Number of particles in the swarm. |
size | number | 10 | Radius of each particle, in pixels. |
merge | number | 0.77 | How readily nearby particles fuse into a single body. Lower is gooier. |
glow | number | 0.75 | Strength of the soft halo around the swarm. |
opacity | number | 1 | Overall opacity of the effect. |
spread | number | 100 | Radius of the cloud the swarm orbits the cursor at. |
separation | number | 0.15 | How strongly particles push each other apart. |
speed | number | 2.5 | Travel speed and turn rate of the swarm, on a 1-10 dial. |
wander | number | 0.25 | How strongly the drifting flow field pulls particles off their chase. |
trail | number | 0.75 | Length of the motion trail each particle leaves behind. |
scatterOnClick | boolean | true | Burst the swarm outward on click, then let it regroup. |
enabled | boolean | true | Enable or disable the effect. |
default slot | VNode | - | Content the swarm moves over. |
Keyboard shortcuts and ARIA behavior.