KQ-367 · WARP/GRID
Warp Grid
The interface as a grid of cells on springs. Move slowly and nothing happens; move fast and the cells you pass shear in the direction of travel, edges splitting into colour, then spring back into place. The field is simulated on the CPU at grid resolution and read by the shader as a texture, so it costs almost nothing.
KQ-367 · WARP/GRID
Gaugeworks · load test
Run 214 is holding the line.
Ten thousand virtual users, ramped over two minutes, still landing inside budget. The grid under this panel is the whole page — flick the cursor across it and watch the springs answer.
p50
42ms
p95
188ms
p99
410ms
rps
3,120
errors
0.4%
saturation
61%
move fast
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/warp-grid
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cols / rows / lines | number | — | The grid, and the opacity of the cell lines drawn with it. |
| strength / radius / maxShift | number | — | How hard pointer velocity pushes, how far its influence reaches, and the largest shift a cell may take. |
| stiffness / damping / aberration | number | — | The springs cells return on, and how far the colour channels split while sheared. |