KQ-122 · ISO/BLOCKS
Iso Blocks
An isometric block city drawn entirely in flat 2D — every cuboid is three clip-path faces shaded from one hue, so the projection is Safari-proof by construction; blocks rise to the hand and light their roofs.
KQ-122 · ISO/BLOCKS
WORKS DISTRICT · 09 BLOCKS
KQ-122
INSPECTING · NONE
Sweep the district - a block rises to meet you; click to inspect.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/iso-blocks
Props
- blocks
- { id, label, storeys?, hue? }[]
- default —
- Four to twelve blocks on a near-square grid.
- onInspect
- (id) => void
- default —
- Fires when a block is pressed.
- cell
- number
- default 64
- Grid cell width in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| blocks | { id, label, storeys?, hue? }[] | — | Four to twelve blocks on a near-square grid. |
| onInspect | (id) => void | — | Fires when a block is pressed. |
| cell | number | 64 | Grid cell width in px. |