Beschreibung
Basecoat ist eine Umsetzung der shadcn/ui-Designsprache in reinem Tailwind CSS und optionalem Vanilla-JavaScript, ohne Abhängigkeit von React, Radix oder einer Framework-Runtime. Component-CSS-Dateien liefern Layout, Struktur, Accessibility-Selektoren und Verhaltens-Hooks, separate Style-Packs, darunter Vega, Nova, Maia, Lyra, Mira, Luma, Sera und Rhea, liefern Farbe, Radius, Schatten, Typografie, Abstände und Zustandsstile. Rund 39 Component-Styles decken Bausteine wie Buttons, Formulare, Dialoge, Dropdowns, Tabs und Toasts ab, ergänzt um rund zehn Vanilla-JS-Module für die interaktiven Komponenten sowie optionale Nunjucks- und Jinja-Templates für serverseitiges Rendering.
Vorausgesetzt wird ein bestehendes Tailwind-CSS-Setup, das Basecoat-Stylesheet muss nach den Tailwind-Basisstilen geladen werden, weil ein danach eingebundener vollständiger Tailwind-Build Ränder, Eingabefelder und andere Komponenten-Standardwerte zurücksetzen kann. Icons liefert die Bibliothek nicht mit, die Dokumentation zeigt Beispiele mit eingebetteten Lucide-SVGs, eine eigene Icon-Lösung muss selbst eingebunden werden. Nur ein Teil der Komponenten benötigt JavaScript, fehlt bei einem interaktiven Baustein wie Dropdown oder Dialog das zugehörige JS-Modul, bleibt die Optik zwar korrekt, das Verhalten aber aus.
Gegenüber Komponentenbibliotheken, die shadcn/ui direkt für ein Framework wie React bereitstellen, verzichtet Basecoat bewusst auf jede Framework-Bindung: Statt fertiger Komponenten mit Props und Slots liefert es CSS-Klassen und Markup-Muster, die sich in praktisch jedes Templating-System einsetzen lassen, etwa Shopify Liquid, klassisches HTML oder serverseitig gerenderte Nunjucks- und Jinja-Templates. Wer bereits in React mit dem originalen shadcn/ui arbeitet, gewinnt durch den Wechsel wenig, wer dagegen eine konsistente, moderne Interface-Optik über mehrere Zielstacks hinweg braucht, für die keine echte Komponentenbibliothek existiert, findet hier die passende Grundlage. Fertige Marketing- oder Landingpage-Sections gehören nicht zum Lieferumfang, nur die einzelnen Bausteine einer Interface-Optik.
