Kopierbare, anpassbare Komponenten auf Basis von Radix und Tailwind.
shadcn/ui ist kein klassisches Paket, das du installierst, sondern eine Sammlung fertiger Komponenten, deren Code direkt in dein Projekt wandert. Aufgebaut auf Radix und Tailwind, sind sie von Anfang an zugänglich und sauber gestaltet. Weil der Code dir gehört, passt du jede Komponente frei an, ohne von der Laune einer Library-Version abhängig zu sein. Du bekommst also den Startvorteil fertiger Bausteine, behältst aber die volle Kontrolle über das Ergebnis.
Mehr in der DokumentationWir nutzen shadcn/ui, um schnell ein solides Komponenten-Fundament ins Projekt zu holen, das wir dann an deine Marke anpassen. Weil der Code bei uns im Repo landet, sind wir nicht an Library-Updates gebunden und können jedes Detail justieren. Das verbindet Tempo am Anfang mit voller Freiheit im Verlauf.
npx shadcn@latest add button dialogGut zu wissen
Da der Code in deinem Projekt liegt, gibt es kein automatisches Update über npm. Verbesserungen aus dem Upstream musst du bewusst übernehmen, was dir maximale Kontrolle bringt, aber etwas Pflege verlangt.
Weitere Werkzeuge, mit denen wir im selben Bereich arbeiten.
React
Unser bevorzugtes UI-Framework für interaktive, komponentenbasierte Oberflächen.
Next.js
Das React-Meta-Framework für SSR, Routing und beste Performance.
Angular
Strukturiertes Framework für große, langlebige Enterprise-Anwendungen.
Vue
Schlankes, zugängliches Framework für schnelle, reaktive UIs.
Svelte & SvelteKit
Kompiliertes Framework für besonders schlanke, schnelle Oberflächen.
Astro
Content-fokussierte Seiten mit minimalem JavaScript und Top-Performance.
Das musst du nicht entscheiden, das ist unser Job. Erzähl uns einfach von deinem Vorhaben.