KQ-379 · SAND/SCROLL
Sand Scroll
The interface dissolves into sand below a line and reassembles as you scroll. Grains stream down and drift from their home pixels, further the deeper they sit below the line, and settle back into crisp type as the line passes. Progress follows the surface's place in the viewport, plays once, or takes a value directly.
KQ-379 · SAND/SCROLL
Mode
Basinworks · silt survey 22-B
Four stations, one falling line.
Every reading on this reach sits the way the river left it: buried below a line that only a slow sweep uncovers. Scroll past the fold and the grid settles out of the drift; scroll back and it loosens into sand again.
| Station | Bed | Depth | State |
|---|---|---|---|
| S-04 | Delta channel | 2.1 m | settled |
| S-11 | Bar sediment | 4.6 m | shifting |
| S-17 | Old levee | 1.8 m | buried |
| S-23 | Spillway apron | 6.3 m | unstable |
it settles as you scroll
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/sand-scroll
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| mode / progress / duration | "scroll" | "auto" | "manual" · number · number | — | What drives the line: the viewport, a one-shot play, or the progress prop. |
| grain / scatter / fall | number | — | Grain size in px, how far grains drift sideways, and how fast they stream down. |
| softness / fade / direction | number · number · "down" | "up" | — | How wide the settling band is, how much loose sand fades, and which way the line runs. |