MVP
The foundation for your design system.
A solid, borderless React UI kit built on Base UI. Tonal surfaces, top-lit curves, and a vibrant accent you can change at runtime.
Create an account
Start building with the kit in seconds.
or
New
A few components
Borderless, solid and ready to compose.
Button
Triggers an action or event. Supports variants, sizes, icons and a built-in loading state.
Input
A borderless text field with a solid fill and a soft focus ring.
Dialog
A focused modal surface with title, description, footer and a backdrop.
Tabs
Segmented navigation with a sliding active pill.
Card
A borderless solid surface with a top-lit curved edge.
Badge
A compact status or count label in solid tonal colors.
Solid surfaces. No outlined boxes.
Depth comes from tonal fills, a top-lit rim and a barely-there gradient. The accent is token-driven, so the whole system re-tones from one color.
Borderless by default
Fields, cards and overlays use solid fills and soft depth instead of gray outlines.
Base UI behavior
Accessible focus, overlays and form semantics come from headless primitives.
Accent at runtime
Generate a full primary palette from one color with generateAccentVars.
Ready to start?
Install the package, import the stylesheet, and scope the kit with data-ui="kit".