KQ-383 · HEX/FLOOR
Hex Floor
The interface laid over a floor of hexagonal prisms seen from a slight angle. Each prism stands at a seeded height and breathes with a slow wave; near the cursor they flatten, so the page reads clearly wherever you look and stands in relief everywhere else.
KQ-383 · HEX/FLOOR
Coldbrook · cold-floor map
Six zones, one cold floor.
Every zone the warehouse is holding tonight, standing in relief until the cursor comes looking for one. Wherever it settles, that reading sits flat and legible while the rest of the floor keeps its shape.
Zone A1
-18.2°C
Zone A2
-17.6°C
Zone B1
-19.4°C
Zone B2
-16.9°C
Zone C1
-18.8°C
Zone C2
-15.3°C
6 zones · night shift
flat where you look
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/hex-floor
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cell / height / idle | number | — | Hex size in px, the largest prism height in px, and how much the floor breathes at rest. |
| radius / softness | number | — | How far around the cursor the floor flattens, and how gradually. |
| tilt / shading | number | — | The viewing angle in degrees and how strongly prism faces are shaded. |