KQ-078 · FLIP/MOSAIC
Flip Mosaic
Two boards on one grid — every tile carries an A face and a B face, and toggling sweeps a cascade of Y-flips across the mosaic from your chosen origin, always inside the choreography budget.
KQ-078 · FLIP/MOSAIC
Signal BoardKQ-078
Board A
A · ROSTERB · READINGS
KQ-078 · Flip Mosaic · 12 plates · P 800 · ζ 0.83
Press the board - twelve tiles carry the swap.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/flip-mosaic
Props
- tiles
- { a: ReactNode; b: ReactNode }[]
- default —
- Each tile's two faces.
- side / defaultSide / onSideChange
- "a" | "b" / same / (side) => void
- default —
- Controlled or uncontrolled facing board.
- origin
- "start" | "end" | "center"
- default "start"
- Where the cascade wave begins.
- columns / tileAspect / gap
- number / number / number
- default 4 / 1 / 8
- Grid shape.
| Prop | Type | Default | Description |
|---|---|---|---|
| tiles | { a: ReactNode; b: ReactNode }[] | — | Each tile's two faces. |
| side / defaultSide / onSideChange | "a" | "b" / same / (side) => void | — | Controlled or uncontrolled facing board. |
| origin | "start" | "end" | "center" | "start" | Where the cascade wave begins. |
| columns / tileAspect / gap | number / number / number | 4 / 1 / 8 | Grid shape. |