Layout primitives (Stack, Cluster, Surface)

Generated from mcp/patterns.registry.json — do not edit by hand; change the registry and run bun run patterns:build.

Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes.

Category: UI Components & Design System · Tier: light · Risk: low — frontend only

Structural wrapper components (Stack, Cluster, Surface, PageContainer) that provide consistent spacing and layout without one-off CSS.

When to use: Use to arrange child elements with consistent gaps and structure instead of writing bespoke flex/grid CSS on every page.

Docs

• docs/blueprint/design/styling.md (GitHub · GitLab)

Code

• src/lib/components/layout/ (GitHub · GitLab)

Proof

• /showcases/ui/layouts

Machine-readable record: ui-layout-primitives in mcp/patterns.registry.json.