Sammlung · 23 Empfehlungen · 2026

shadcn/ui-Blöcke, -Templates und -Komponenten

shadcn/ui hat Komponenten zum Kopieren und Einfügen zum Standard gemacht, und darum herum ist ein ganzes Ökosystem entstanden: Community-Registries, Block-Sammlungen, animierte Varianten, Charts und Tools zum Durchsuchen mehrerer Registries. Die meisten lassen sich mit derselben CLI installieren, sodass ein Ausprobieren nur einen einzigen Befehl kostet.

Zusammengestellt aus react-ui-komponenten-bibliotheken.

Sortieren

shadcn/ui preview

shadcn/uiKomponenten-BibliothekenUI-Komponenten, die du direkt in deine eigene Codebasis kopierst, anstatt sie als Paket zu installieren.

21st.dev preview

21st.devKomponenten-BibliothekenEin Community-Registry im shadcn-Stil, in dem du Komponenten interaktiv vorab testest, bevor du sie hinzufügst.

shadcnblocks.com

shadcnblocks preview

shadcnblocksKomponenten-BibliothekenTausende saubere, sofort einsetzbare Website-Blöcke, gebaut im shadcn-Stil.

8bitcn preview

8bitcnKomponenten-BibliothekenRetro-UI-Komponenten im 8-Bit-Stil, bereit zum Einsetzen in deine shadcn-Projekte.

Evil Charts preview

Evil ChartsKomponenten-BibliothekenAnimierte SVG-Diagrammkomponenten, gestaltet, um sich nahtlos in shadcn/ui-Projekte einzufügen.

Animate UI preview

Animate UIKomponenten-BibliothekenBarrierefreie shadcn-Komponenten, die mit der Animationsbibliothek Motion zum Leben erweckt werden.

Base CN preview

Base CNKomponenten-BibliothekenBase-UI-Primitive, neu verpackt, damit sie sich nahtlos in den shadcn-Komponenten-Workflow einfügen.

Watermelon UI preview

Watermelon UIKomponenten-BibliothekenEine React-Komponentenbibliothek, die sich in das shadcn-Ökosystem einfügt.

Hexter UIKomponenten-BibliothekenEine aufgeräumte, saubere Sammlung von Komponenten für den Einsatz in deinen shadcn-Projekten.

Kokonut UI preview

Kokonut UIKomponenten-BibliothekenKreative, interaktive UI-Komponenten, aufbereitet für das shadcn-Format.

Sera UI preview

Sera UIKomponenten-BibliothekenReact-Komponenten, die sich direkt über das Kommandozeilen-Tool von shadcn installieren lassen.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjsKomponenten-Bibliothekenshadcn-Komponenten, überarbeitet für Projekte, die auf CSS-in-JS-Styling setzen.

23rd preview

23rdKomponenten-Bibliothekenshadcn-artige Komponenten, die sich sowohl in React- als auch in Svelte-Projekten einsetzen lassen.

shieldcn preview

shieldcnKomponenten-BibliothekenREADME-Badges im Stil der shadcn-Ästhetik, um deine Projektdokumentation aufzuwerten.

startercn.vercel.app

startercn preview

startercnKomponenten-BibliothekenEin sofort forkbarer shadcn/ui-Registry-Starter mit Doku, Landingpage und Agent-Unterstützung.

shadcn-labs.com

Shadcn Labs preview

Shadcn LabsKomponenten-BibliothekenEine Sammlung quelloffener Registries und Tooling für das shadcn/ui-Ökosystem.

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot MatrixKomponenten-BibliothekenEin Set aus über fünfzig Ladeanimationen im Dot-Matrix-Stil, gebaut für shadcn-Projekte.

Shoogle preview

ShoogleKomponenten-BibliothekenEine Suchmaschine, die UI-Komponenten über viele verschiedene shadcn-Registries hinweg indexiert.

Odyssey UI preview

Odyssey UIKomponenten-BibliothekenEin Set aus animierten React-Komponenten, aufgebaut auf dem shadcn-Komponentensystem.

Uiuno preview

UiunoKomponenten-BibliothekenEin KI-gestützter Workspace zum Organisieren und Verwalten deiner shadcn-Komponenten.

sensory-ui preview

sensory-uiKomponenten-BibliothekenEin Sound-Design-System, das shadcn/ui-Komponenten um akustisches Feedback ergänzt.

shadcnstudio.com

Shadcn Studio preview

Shadcn StudioKomponenten-BibliothekenEine Bibliothek aus shadcn/ui-Komponenten, vorgefertigten Blöcken und kompletten Templates.

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiKomponenten-BibliothekenMit Motion versehene Versionen der standardmäßigen shadcn/ui-Komponenten für animierte Oberflächen.

shadcn/ui-Blöcke, -Templates & -Komponenten (23) — Designeer