KQ-089 · PIVOT/GRID

Pivot Grid

A wall of cards that turns a corner — clicking one pivots the whole assembly a quarter turn on its hinge so the wall swings away edge-on and that card's room swings in to face you; Escape or the room's back control turns you back to the wall.

KQ-089 · PIVOT/GRID

WARD MAP · 06 ROOMS

KQ-089

INSIDE · THE WALL

Click a room to turn the corner into it - Escape turns back.

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/pivot-grid

Props

PropTypeDefaultDescription
cardsPivotCard[]Wall cards; each carries an optional room face.
columnsnumber3Wall grid columns.
onEnter(id | null) => voidFires the entered card id, null on return to the wall.
heightnumber300Stage height in px.