Beautifully designed components you can copy and paste.
Cubix is a complete design system for building modern products. Accessible, customizable and open source - built on React and Tailwind CSS, with first-class Next.js support.
Design and ship Cubix projects faster
An extensive collection of React resources to help designers, developers, and teams deliver Cubix projects efficiently.
Documentation
Install Cubix, add components from the registry, and ship with a token-based system.
Component library
Buttons, forms, overlays, and layout primitives - copy-paste ready React.
Theming
Restyle the entire system from a handful of oklch CSS variables. Light and dark included.
Typeset
Geist for UI, rhythm presets for docs and chat, and a Tailwind-aligned type scale.
CLI & registry
Install with npx cubix@latest add, or copy the JSON registry from public/r.
Own the source
Components live in your repo. No lock-in, no hidden runtime - extend every line.