KQ-382 · TILE/WAVE
Tile Wave
The interface cut into tiles that tilt and lift as the cursor passes, a wave rolling out from the pointer and settling on springs. Each tile is a quad on a grid mesh with its own centre, so it rotates about itself; gaps between tiles show the ground behind. A click sends a ring through the whole grid.
KQ-382 · TILE/WAVE
Gaugeworks · the gauge wall
Every reading, one panel, no surprises.
The wall behind these numbers is a real grid of tiles, cut apart and set on springs. Run the cursor across it and the tiles nearest the path rise to meet it; click, and a ring runs out to the edges.
core temp
68°C68°Cload
74%74%pressure
412 kPa412 kPaflow rate
1280 L/min1280 L/minrpm
3,1503,150uptime
99.8h99.8htiles, on springs
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/tile-wave
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cols / rows / gap | number | — | The tile grid and the gap between tiles in px. |
| tilt / lift / radius | number | — | The largest tilt in degrees, the largest lift in px, and how far the cursor's influence reaches. |
| stiffness / damping / ring | number | — | The springs tiles settle on, and the strength of the click ring. |