.det .det-faner,.det .det-js-kun{display:none!important}.det .det-bar{padding:0;border:0}.det .det-panel[hidden]{display:block!important}.det .det-panel+.det-panel{margin-top:48px}.det .det-panel-h{position:static;width:auto;height:auto;margin:0 0 14px;overflow:visible;clip-path:none;white-space:normal}.det .det-win-inner{width:100%!important;height:100%!important;left:0;transform:none}.det .det-shutter{display:none}

Block Stack

gamesPro

Ein von selbst spielendes Fallblock-Spielfeld als lebendiger Pixelraster-Hintergrund: Der Autospieler wertet jeden Zug und jede Spalte, volle Reihen blinken und fallen in sich zusammen, und ein bis oben reichender Stapel löst sich auf und beginnt neu.

Bald verfügbar

Pro kann noch nicht gekauft werden. Die Seite öffnet, sobald die Zahlung bereit ist.

Breite

Die Vorschau konnte nicht geladen werden.

Live-Demo. Das Theme schaltet die Demo selbst um.

block-stack.tsxPro

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type BlockStackProps = {  cellSize?: number  gap?: number  radius?: number  palette?: string[]  boardColor?: string  dropSpeed?: number  laneWidth?: number  ghost?: boolean  seed?: number  children?: ReactNode  className?: string}export function BlockStack({  cellSize = 14,  gap = 2,  radius = 0.35,  palette,  boardColor,  dropSpeed = 7,  laneWidth = 12,  ghost = false,  seed = 7,  children,  className,}: BlockStackProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}

Der Code ist gesperrt

Block Stack gehört zu Manniche UI Pro. Ein Schlüssel öffnet den Quellcode aller 60 Effekte.

Bald verfügbar

49 € · Einführungspreis bis einschließlich 31. Dezember 2026. Danach 79 €.

Einmalzahlung
Ein Entwickler
Der Schlüssel kommt sofort per E-Mail
Keine Umsatzsteuer (§ 19 UStG)

Hast du einen Schlüssel? Hol den Code mit der CLI oder per MCP.

Der Schlüssel liegt in MANNICHE_PRO_KEY, nie im Code oder in der Adresse. So richtest du ihn ein

CLInpx shadcn@latest add @manniche-pro/block-stack

MCP

claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"

BlockStackProps

Prop	Typ	Standard	Was sie tut
`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.

Vorschau

Code

Der Code ist gesperrt

Props

A11y