Search

Search Kavel...

Documentation menu

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.