Tailwind + Base UI
How Kavel styles the interface: Tailwind for utility CSS, and Base UI for unstyled, accessible primitives you own and restyle.
Why it's here
We picked Tailwind because it ships zero runtime and keeps styling in the markup, and Base UI because it gives accessible behaviour without imposing a look. Together you own every component and can restyle it freely.
What to know
- Shared components and styles live in
packages/ui. They are yours to edit, not a black-box library. - Theming is CSS variables in
globals.css, so light and dark modes and the brand color are one place to change. - Base UI primitives handle focus, keyboard, and ARIA; you supply the Tailwind classes for the look.
Full documentation lives at tailwindcss.com and base-ui.com. See also the UI module.