A copy-paste UI library for marketing and ecommerce sites. Built on Next.js 16 and Base UI with a flexible semantic color system, theme support, and accessible components.
Every background token has a -contrast companion. Swap the palette in tokens.css and every component adapts. Add custom themes like .ocean or .forest with a single CSS class.
Accessible primitives from Base UI wrapped in a consistent design system. Tooltip, Switch, Dialog, and more, all consumed through @/ui with no third-party leakage.
Browse the docs, copy the source code directly into your project, and customize to fit your needs. Every component lives in your codebase, no wrappers, no lock-in.
All tokens defined in tokens.css via @theme. Built-in Tailwind colors are disabled, only your tokens are available as utilities.
Dark mode via .dark class with localStorage persistence. Create unlimited custom themes that override the same semantic tokens.
Semantic HTML, focus-visible rings, auto-tooltips on icon buttons, and ARIA labels throughout, all built on Base UI's accessible primitives.