Block Stack
gamesProA self-playing falling-block board as a living pixel-grid background: the autoplayer scores every turn and column, full rows flash and collapse, and a topped-out stack dissolves and restarts.
Opening soon
Pro cannot be bought yet. The page opens when payment is ready.
Preview
The preview could not load.
Live demo. The theme switches the demo itself.
Code
block-stack.tsxPro
The code is locked
Block Stack is part of Manniche UI Pro. A key unlocks the source of all 60 effects.
Opening soon€49 · Introductory price until 31 December 2026. €79 after that.
- One-off payment
- One developer
- Your key arrives by email straight away
- No VAT (§ 19 UStG)
Have a key? Get the code with the CLI or MCP.
The key lives in MANNICHE_PRO_KEY, never in your code or a URL. How to set it up
CLI
npx shadcn@latest add @manniche-pro/block-stackMCP
claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
BlockStackProps
| Prop | Type | Default | What it does |
|---|---|---|---|
cellSize | number | 14 | Width and height of one cell in CSS pixels. The board has as many columns and rows as fit. |
gap | number | 2 | Space between cells in CSS pixels. |
radius | number | 0.35 | Corner rounding from 0 (square) to 1 (circle). |
palette | string[] | – | Piece colours, any CSS colour including var(--token). Each of the seven piece shapes takes one in turn. Defaults to the theme tokens (primary, success, destructive, accent); a value that is not a colour falls back to a built-in swatch. |
boardColor | string | – | Colour of the empty cells. Defaults to the foreground token at a few percent, so it works on light and dark. |
dropSpeed | number | 7 | How fast pieces fall, in rows per second while they are still turning and sliding. Aligned pieces drop faster. |
laneWidth | number | 12 | Widest a single game gets, in columns. Wider boards are split into side by side games that clear and reset on their own. 0 keeps one board. |
ghost | boolean | false | Show a faint outline where the player has decided to land. |
seed | number | 7 | Seed for the piece order and the player's slips, so the same seed plays the same game. |
children | ReactNode | – | Content layered above the board. |
className | string | – | Classes for the root. Give it a size, or let the parent provide one. |
A11y
No accessibility notes written yet.
The notes come with the source when Pro opens.