Tailwind + Base UI

Wie Kavel die Oberfläche gestaltet: Tailwind für Utility-CSS und Base UI für ungestylte, barrierefreie Primitive, die dir gehören und die du umgestaltest.

Warum es hier ist

Wir haben Tailwind gewählt, weil es keine Runtime mitbringt und das Styling im Markup hält, und Base UI, weil es barrierefreies Verhalten liefert, ohne ein Aussehen vorzugeben. Zusammen gehört dir jede Komponente und du kannst sie frei umgestalten.

Was du wissen solltest

Geteilte Komponenten und Styles liegen in packages/ui. Du darfst sie bearbeiten, es ist keine Blackbox-Bibliothek.
Theming sind CSS-Variablen in globals.css, Light- und Dark-Modus sowie die Markenfarbe änderst du also an einer Stelle.
Base-UI-Primitive kümmern sich um Fokus, Tastatur und ARIA; die Tailwind-Klassen für das Aussehen lieferst du.

Die vollständige Dokumentation findest du unter tailwindcss.com und base-ui.com. Siehe auch das UI-Modul.