KQ-064 · HOVER/RELIEF
Hover Relief
A tile grid that extrudes toward the cursor like a relief map — a gaussian falloff lifts neighbors proportionally on pure motion-value writes, focus raises a tile to full height, and clicks pop on the recoil spring.
KQ-064 · HOVER/RELIEF
SECTOR RELIEF · 12 TILES
KQ-064
SURVEYED · NONE
Sweep the board - the relief follows your hand; click to survey.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hover-relief
Props
- tiles
- { id, label, glyph?, hint? }[]
- default —
- Six to twenty-four action tiles.
- columns / maxLift / radius
- number / number / number
- default 4 / 16 / 1.6
- Grid shape, peak extrusion in px, and falloff radius in tile units.
- onTileClick
- (id) => void
- default —
- Fires on tile activation.
| Prop | Type | Default | Description |
|---|---|---|---|
| tiles | { id, label, glyph?, hint? }[] | — | Six to twenty-four action tiles. |
| columns / maxLift / radius | number / number / number | 4 / 16 / 1.6 | Grid shape, peak extrusion in px, and falloff radius in tile units. |
| onTileClick | (id) => void | — | Fires on tile activation. |