KQ-467 · OCEAN/SWELL
Ocean Swell
The interface rolling on a swell: the whole page rises, tilts, and falls with the slow rhythm of open water, a soft highlight moving with the roll. Nothing sharp; the motion is a few pixels and a few degrees.
KQ-467 · OCEAN/SWELL
Basinworks · gate house 3
One board, rolling with the reservoir.
The gate house floats on pontoons, so the whole board rises and settles with the swell the wind puts across the water. Nothing under the numbers moves on its own; only the surface they sit on is alive.
Reservoir level
61.4 m61.4 mOutflow
128 ML/d128 ML/dFreeboard
2.3 m2.3 m| Gate | Head | State |
|---|---|---|
| Spillway 1 | 1.8 m | open |
| Spillway 2 | 0.6 m | holding |
| Scour valve | 0.0 m | closed |
gently, on the water
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/ocean-swell
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| period / heave / roll | number | — | Seconds per swell, the rise in px, and the tilt in degrees. |
| sheen | number | — | The moving highlight's strength. |