Hero variants

1 — Single column · Minimalist

Build faster with
composable components

A design system built on Tailwind CSS, Radix UI, and class-variance-authority. Ship consistent, accessible interfaces without reinventing the wheel.

2 — Two column · Product image

The component library
your team deserves

Themeable, accessible, and type-safe. Drop into any Next.js project and start shipping in minutes, not weeks.

40+

Components

4

Themes

100%

TypeScript

Product image

3 — Centered · Announcement banner

New
v2.0 ships with dark mode tokens

Design systems that
actually ship

Production-ready components with multi-theme support, full keyboard accessibility, and zero layout surprises.

Trusted by teams at

Acme

Globex

Initech

Umbrella

4 — Bento grid · Multi-card

Ship design systems
at warp speed.

Components

40+

Themeable, accessible components built on Radix UI and class-variance-authority. One data attribute switches the entire visual language.

Tailwind CSSRadix UITypeScriptDark modeCVA

Ready to build?
Start in seconds.

"Switched our whole design system in a sprint. The theme tokens alone saved us weeks of arguing over color values."

Sarah K.

Head of Design, Acme Corp