KQ-376 · FLUID/WASH
Fluid Wash
The interface under a sheet of fluid that the pointer stirs. A real velocity field on the GPU — advected, pressure-solved, dissipating — bends the page where it flows and washes a tint of colour along the current. Runs in half-float where the browser offers it and drops to byte buffers with fewer iterations where it does not.
Basinworks · spillway flow report
The water is up, and downstream wants a number.
Run a hand across the report and it answers like still water: a real velocity field carries the disturbance through every readout and seal below, pooling a trace of colour behind it, before the whole page settles back to paper.
Flow
212 m3/s212 m3/sHead
5.8 m5.8 mTurbidity
14 NTU14 NTU| Channel | Flow | State |
|---|---|---|
| Main spillway | 212 m3/s | running |
| Auxiliary chute | 38 m3/s | trickling |
| Emergency channel | 0 m3/s | dry |
stir it
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/fluid-wash
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| resolution / pressureIterations | number | — | The simulation grid as a fraction of the canvas, and the pressure solver's iterations (halved on byte buffers). |
| viscosity / dissipation / force / splatRadius | number | — | How velocity persists, how the tint fades, how hard the pointer pushes, and how wide its stroke is. |
| refraction / color / tint | number · string · number | — | How far the flow bends the page, the colour it carries, and how strongly. |