20 designs

Every component comes in all twenty. Each design changes structure, type and motion, not just colour: neo-brutal shadows collapse when pressed, terminal options get prompts, editorial headings go serif.

Material

Google Material 3: tonal surfaces, rounded shapes, clear state layers.

light · cozy

Apple

iOS and macOS feel: grouped insets, SF-style type, soft springs.

light · cozy

Minimal

Neutral greys, hairline borders, nothing extra.

light · cozy

Glass

Frosted translucent panels over a colour wash, Liquid Glass style.

dark · roomy

Neo-brutal

Thick black outlines, hard offset shadows, loud flat colour.

light · cozy

Bento Dark

Linear-style dark tiles, subtle inner borders, crisp type.

dark · cozy

Clay

Puffy claymorphism: soft inner highlights and pillowy depth.

light · roomy

Retro Y2K

Chrome bevels, pixel accents and early-web optimism.

light · compact

Swiss

International Typographic Style: grid, red, Helvetica-like rigour.

light · compact

Aurora

Glowing gradient meshes behind clean dark cards.

dark · roomy

Editorial

Magazine serif headings, generous margins, quiet rules.

light · roomy

Terminal

Monospace, prompt glyphs, phosphor-on-black precision.

dark · compact

Pastel

Soft candy tints, rounded friendliness, gentle contrast.

light · roomy

Luxe

Black, ivory and gold leaf; high-fashion restraint.

dark · roomy

Playful

Chunky shapes, bright fills, bouncy springs for consumer apps.

light · roomy

Enterprise

Dense, calm, data-first SaaS: Carbon and Fluent sensibilities.

light · compact

Cyber

Neon edges, angled cuts and HUD details on deep navy.

dark · compact

Organic

Earthy greens and sand, blob shapes, slow natural easing.

light · roomy

Mono

Strict black and white; the accent is the only colour.

light · cozy

High Contrast

WCAG AAA colours, large targets, thick focus rings.

light · roomy