Fluid Canvas · Playground

Fluid Canvas @caustics/fluid-canvas

Preset rainbow

Preset

Interaction paint

Mode Splat radius 50 px Splat force 6000 Auto-splats

Physics

Curl 30 Pressure iterations 20 Velocity dissipation 0.20 Density dissipation 1.00

Post-processing

Bloom Sunrays Shading

Agents flock

Spawn agent swarm Count 36 Behavior Trail radius 4 px Speed 0.15 Intensity 0.60 Colour discipline On cursor Cursor strength 1.60

DOM bindings — hover / click these

Each button has data-fluid-hover or data-fluid-click attributes. The engine scans them on mount and emits fluid effects whenever you interact. Buttons live in this side drawer (outside the canvas) — the engine clamps the splat position to the canvas edge nearest the button, so you'll see the effect appear at the left boundary of the stage as you hover.