KQ-364 · POND/GLASS
Pond Glass
The interface under still water. A click drops a stone: rings spread across the page, refracting and highlighting everything they cross, then settle. The waves are a real height-field simulation on the GPU with a byte-precision fallback, so it runs where half-float buffers are missing, and the page beneath stays clickable.
KQ-364 · POND/GLASS
Basinworks · reservoir gauge board
Three gates, one basin, holding steady.
Everything below reads true under the glass. Drop a stone anywhere on the board and the ripple crosses every readout and seal on its way out, bending the numbers without moving one of them.
Level
41.86 m41.86 mInflow
128 m3/s128 m3/sOutflow
94 m3/s94 m3/s| Gate | Head | State |
|---|---|---|
| Intake gate | 3.2 m | open |
| Spill gate | 1.1 m | closed |
| Bypass gate | 0.4 m | holding |
click the water
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/pond-glass
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| refraction / highlight | number | — | How far a wave bends the view, in pixels, and the strength of its specular sheen. |
| damping / speed / settle | number | — | How quickly rings fade, how fast they travel, and how long the loop runs after the last drop. |
| dropRadius / dropStrength / hoverDrops | number · number · boolean | — | The stone: its size, its force, and whether moving the pointer drips as well. |