Introducing v3 — a new editor, faster engine, and more.

See what's new

Documentation

Documentation Components

ParticleFlow

Thousands of drifting dust particles carried by a real incompressible fluid field the cursor stirs — drag to plow a wake and the particles ride the eddies and vortices it leaves behind, while a gentle ambient breeze keeps the whole scene breathing on its own

Props

colorAstring
Default:#8ec5ff
Color of particles drifting slowly with the flow
colorBstring
Default:#ffd98e
Color particles flash toward as they speed up in the fast jets and wakes
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:oklab
Color space for the rest→excited color ramp
shape"arrow" | "streak" | "dot" | "square" | "glow"
Default:streak
What each particle is drawn as — a streak or arrow that stretches along the flow, a plain dot, a square, or a soft glowing comet
countnumber
Default:6000
Number of drifting particles
sizenumber
Default:1.2
Size of each particle
trailsnumber
Default:0
How long each particle's motion trail persists — 0 draws crisp dust, 1 leaves long flowing ribbons
speednumber
Default:1
How strongly the fluid carries the particles — higher makes the dust ride the flow faster
forcenumber
Default:1
How hard the cursor's motion pushes the fluid — higher plows faster, more violent wakes and jets
swirlnumber
Default:25
Vorticity confinement — swirl energy that spins the flow into persistent eddies and vortices the dust orbits
momentumnumber
Default:0.6
How long the fluid keeps flowing after you stop dragging — high momentum lets the eddies carry the dust on and on
ambientnumber
Default:0.15
A gentle, ever-evolving breeze that keeps the dust drifting even without the cursor — set to 0 for a field that only moves when you stir it

Usage

<Shader>
  <ParticleFlow />
</Shader>
Previous
ParticleField
Next
Particles