Komponenten · 109 Tools

React-UI-Komponenten-Bibliotheken

Der größte Bereich des Verzeichnisses. Er reicht von Headless-Primitives, die du selbst stylst, über shadcn-artige Registries, die du in dein Projekt kopierst, bis zu animierten Komponenten-Sammlungen für Landingpages und vollständigen Design-Systemen. Die Vorschauen zeigen die Komponenten in Bewegung, was mehr über den Geschmack einer Bibliothek verrät als ihre Dokumentation. Filtere nach React, Tailwind oder shadcn, um die Liste einzugrenzen.

Sortieren

forgeui.in

ForgeUIKomponenten-BibliothekenAnimierte React- und Tailwind-Komponenten sowie fertige Templates, um Interfaces schneller zu bauen.

rewampui.com

RewampUIKomponenten-BibliothekenEin Dashboard, das fertige UI-Komponenten zeigt, die du durchstöbern und wiederverwenden kannst.

ui.shadcn.com

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

base-ui.com

Base UIKomponenten-BibliothekenUngestylte, stylefertige Komponenten-Primitive von den Machern von Radix und MUI.

radix-ui.com

RadixKomponenten-BibliothekenBarrierefreie, ungestylte UI-Primitive, die du beim Bau von React-Interfaces frei stylen kannst.

21st.dev

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

motion-primitives.com

Motion PrimitivesKomponenten-BibliothekenAnimierte React-Komponenten auf Basis der Motion-Bibliothek, um Interfaces Bewegung zu verleihen.

reactbits.dev

React BitsKomponenten-BibliothekenEine Sammlung animierter, kreativer Komponenten zum Einsetzen in deine React-Projekte.

component.gallery

Component GalleryKomponenten-BibliothekenEine Referenz, die Komponenten über verschiedene Designsysteme hinweg zusammenträgt und vergleicht.

number-flow.barvian.me

NumberFlowKomponenten-BibliothekenEine Komponente, die sich ändernde Zahlen flüssig animiert und über moderne Frameworks hinweg funktioniert.

fancycomponents.dev

Fancy ComponentsKomponenten-BibliothekenVerspielte React-Komponenten, die physikbasierte Effekte für lebendigere Interaktionen nutzen.

opensourceui.in

Opensource UIKomponenten-BibliothekenReact-UI-Komponenten und Geräte-Mockups zum Kopieren und direkten Einsetzen in Projekte.

ui.spectrumhq.in

Spectrum UIKomponenten-BibliothekenAusgefeilte UI-Komponenten, speziell für den Bau von SaaS-Websites gestaltet.

amicro.vercel.app

AmicroKomponenten-BibliothekenLeichtgewichtige, sofort einsetzbare Primitive, um React-Interfaces mit Mikroanimationen zu versehen.

painterly.design-tools.workers.dev

PainterlyKomponenten-BibliothekenKünstlerische, Canvas-basierte Ladeanimationen, als Komponenten für React verpackt.

bencho.dev

BenchoKomponenten-BibliothekenInteraktive UI-Blöcke, deren Physik du anpassen kannst, um genau einzustellen, wie sie sich anfühlen.

shadcnblocks.com

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

blocks.so

blocks.soKomponenten-BibliothekenOpen-Source-Website-Blöcke, die du direkt über die Kommandozeile installierst.

8bitcn.com

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

evilcharts.com

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

coss.com

coss uiKomponenten-BibliothekenUI-Komponenten zum Kopieren, aufgebaut auf der Primitiv-Bibliothek Base UI.

rareui.com

Rare UIKomponenten-BibliothekenEine Sammlung markanter, animierter UI-Komponenten für den Bau von React-Interfaces.

beui.dev

beUIKomponenten-BibliothekenAnimierte React-Komponenten, gestylt mit Tailwind CSS für schnellere Interface-Arbeit.

butter-nav.vercel.app

Butter NavKomponenten-BibliothekenEine Mega-Menü-Komponente, deren Layout sich beim Wechsel zwischen den Sektionen flüssig verwandelt.

cult-ui.com

Cult UIKomponenten-BibliothekenAnimierte React-Komponenten, angetrieben von Framer Motion für geschmeidige Interface-Bewegung.

daisyui.com

daisyUIKomponenten-BibliothekenEine Bibliothek von Komponenten-Klassen, die Tailwind CSS für schnelleres Styling erweitert.

heroui.com

HeroUIKomponenten-BibliothekenEine moderne React-UI-Komponentenbibliothek, früher unter dem Namen NextUI veröffentlicht.

kibo-ui.com

Kibo UIKomponenten-BibliothekenEin Komponenten-Registry, bestückt mit Bausteinen, die auf den Bau von KI-Interfaces zugeschnitten sind.

magicui.design

Magic UIKomponenten-BibliothekenAnimierte UI-Komponenten, die speziell für den Aufbau von Landingpages gestaltet wurden.

ui.aceternity.com

Aceternity UIKomponenten-BibliothekenAngesagte animierte Komponenten und Hero-Sections für den Aufbau auffälliger Webseiten.

animate-ui.com

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

flyonui.com

FlyonUIKomponenten-BibliothekenSemantische Tailwind-CSS-Komponenten, einsatzbereit mit dem neuesten Tailwind v4.

tailgrids.com

TailGridsKomponenten-BibliothekenResponsive UI-Blöcke, mit denen sich Seiten in Tailwind CSS schnell zusammenstellen lassen.

flowbite.com

FlowbiteKomponenten-BibliothekenEine umfangreiche Komponentenbibliothek, die für die Interface-Arbeit auf Tailwind CSS aufbaut.

hyperui.dev

HyperUIKomponenten-BibliothekenKostenlose, quelloffene UI-Komponenten, die du in deine Tailwind-CSS-Projekte kopieren kannst.

preline.co

Preline UIKomponenten-BibliothekenTailwind-CSS-Komponenten, die sich zum Aufbau komplexer Dashboard-Oberflächen eignen.

floatui.com

Float UIKomponenten-BibliothekenTailwind-CSS-Komponenten für das Zusammenstellen von Seiten auf Marketing-Websites.

merakiui.com

Meraki UIKomponenten-BibliothekenTailwind-CSS-Komponenten, die von Haus aus Sprachen mit Schreibrichtung von rechts nach links unterstützen.

tremor.so

TremorKomponenten-BibliothekenEin modulares Set aus React-Komponenten für den Aufbau vollständiger Dashboard-Oberflächen.

headlessui.com

Headless UIKomponenten-BibliothekenUngestylte, barrierefreie UI-Komponenten, entwickelt vom Team bei Tailwind Labs.

basecn.dev

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

easyui.pro

Easy UIKomponenten-BibliothekenEine Copy-and-paste-Komponentenbibliothek, mit der sich Oberflächen schnell zusammensetzen lassen.

eldoraui.site

Eldora UIKomponenten-BibliothekenAnimierte UI-Komponenten, zugeschnitten auf den schnellen Aufbau von Web-Landingpages.

velora.colorlib.com

Velora UIKomponenten-BibliothekenEin kostenloses Set aus Tailwind-CSS-Komponenten und vorgefertigten Seitenabschnitten zur Wiederverwendung.

watermelon.sh

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

beautifului.dev

Beautiful UIKomponenten-BibliothekenAusgefeilte Copy-and-paste-UI-Komponenten für das Frontend von Web-Apps.

hexter-ui.com

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

lightswind.com

LightswindKomponenten-BibliothekenTailwind-CSS-Komponenten mit Licht- und Glüheffekten für eine herausstechende UI.

reverseui.com

Reverse UIKomponenten-BibliothekenEine Komponentenbibliothek für den Aufbau von Oberflächen mit React und Tailwind CSS.

smoothui.dev

Smooth UIKomponenten-BibliothekenBewegungsreiche React-Komponenten, die du direkt in deine eigenen Projekte kopieren kannst.

tailark.com

TailarkKomponenten-BibliothekenTailwind-CSS-Seitenabschnitte und -Komponenten für den Aufbau von Marketing-Sites.

ui-layouts.com

UI LayoutsKomponenten-BibliothekenGanzseitige Layouts und Hero-Sections, bereit zum Zusammenstellen mit Tailwind CSS.

kokonutui.com

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

nexui.dev

Nex UIKomponenten-BibliothekenEine erweiterbare UI-Komponentenbibliothek für Teams, die moderne Startups aufbauen.

ninna-ui.dev

Ninja UIKomponenten-BibliothekenLeichtgewichtige UI-Komponenten, die Websites schnell und ladefreudig halten sollen.

seraui.com

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

reui.io

Re UIKomponenten-BibliothekenBarrierefreie UI-Komponenten, aufgebaut auf der Primitivbibliothek Base UI.

syntaxui.com

Syntax UIKomponenten-BibliothekenAnimierte Copy-and-paste-UI-Komponenten für das schnelle Zusammenstellen von Landingpages.

shadcn-cssinjs.com

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

transitions.dev

TransitionsKomponenten-BibliothekenEin kuratiertes Set aus CSS-Übergangsrezepten und Easing-Kurven zur Wiederverwendung.

23rd.dev

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

oneko.dhrv.pw

OnekoKomponenten-BibliothekenEine Pixel-Art-Katze, die als Begleiter deinem Mauszeiger über die Seite folgt.

rolling.kitlangton.dev

Rolling NumberKomponenten-BibliothekenEin React-Zahlenzähler, der seine Ziffern mit einem sanften Rolleffekt animiert.

annnimate.com

AnnnimateKomponenten-BibliothekenProduktionsreife Motion-Komponenten, gebaut mit der Animationsbibliothek GSAP.

getlayers.ai

GetLayersKomponenten-BibliothekenEin Set aus KI-Prompts, die filmreife Seitenabschnitte für deine Site erzeugen.

scrit.to

ScrittoKomponenten-BibliothekenEine Komponentenbibliothek für Textübergänge mit rollenden Zeichen, die du in deine UI einbinden kannst.

ogimagecn.com

ogimagecnKomponenten-BibliothekenKomponenten zum Erzeugen von Open-Graph-Bildern für Social-Media-Shares, angetrieben von Satori.

tripwire.sh

Dither KitKomponenten-BibliothekenDiagramm-Komponenten, die mit geditherten Pixeln für eine retro, altmodische Ästhetik gerendert werden.

shieldcn.dev

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

ui.unlumen.com

unlumen UIKomponenten-BibliothekenEine minimalistische React-Komponentenbibliothek, die du über ihre Kommandozeile installierst und einbindest.

bearnie.dev

BearnieKomponenten-BibliothekenEine Sammlung von UI-Komponenten für Astro, gestylt mit Tailwind CSS.

fluidfunctionalism.com

Fluid FunctionalismKomponenten-BibliothekenUI-Komponenten, deren Bewegung von zielgerichteten, physikbasierten Animationen getragen wird.

termcn.dev

termcnKomponenten-BibliothekenReact-Komponenten für den Aufbau von Oberflächen im Terminal-Stil, angetrieben von Ink und OpenTUI.

framecn.dev

framecnKomponenten-BibliothekenProgrammatisches Rendern von Videos für React-Projekte, angetrieben von Editframe.

emailcn.run

emailcnKomponenten-BibliothekenResponsive E-Mail-Komponenten, die mit React Email, MJML und JSX Email funktionieren.

startercn.vercel.app

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

pdfcn.dev

pdfcnKomponenten-BibliothekenReact-Komponenten zum Erzeugen von PDF-Dokumenten, aufgebaut auf Takumi und Forme.

editorcn.vercel.app

editorcnKomponenten-BibliothekenSofort einsetzbare Rich-Text-Bearbeitungs-UI für React-Apps, angetrieben vom Framework Tiptap.

shadcn-labs.com

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

frameblox.com

FramebloxKomponenten-BibliothekenModulare Abschnitte und Templates, die du in Framer zu kompletten Sites zusammensetzen kannst.

ui.nexvyn.dev

Nexvyn UIKomponenten-BibliothekenAusgefeilte, sofort einsetzbare UI-Komponenten für digitale Oberflächen und Apps.

gradient-spin.vercel.app

Gradient SpinKomponenten-BibliothekenEine drehende, mit Verlauf gefüllte Lade-Anzeige-Komponente für React-Projekte.

libraries.dev

Libraries.devKomponenten-BibliothekenEine Sammlung von UI-Effekten und -Komponenten, die für den Einsatz durch KI-Agenten gedacht sind.

sonaui.com

Sona UIKomponenten-BibliothekenAnimierte React-Komponenten, die du in deine Codebasis kopierst und vollständig besitzt und umgestaltest.

text-effects.colorion.co

Colorion Text EffectsKomponenten-BibliothekenAnimierte Texteffekte, die du direkt in deine Oberfläche kopieren und einfügen kannst.

dotmatrix.zzzzshawn.cloud

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

sacred.computer

SRCLKomponenten-BibliothekenEin Komponenten-Kit, das den Look retro-, DOS-zeitlicher Terminal-Oberflächen nachbildet.

prompt-kit.com

Prompt KitKomponenten-BibliothekenPrimitive Komponenten für den Aufbau von Chat- und anderen KI-Interface-Erlebnissen.

shoogle.dev

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

interior.dev

interior.devKomponenten-BibliothekenMikrointeraktionen, sorgfältig abgestimmt, damit sie sich im Moment des Klicks reaktionsschnell anfühlen.

soundcn.xyz

soundcnKomponenten-BibliothekenEine Sammlung von Copy-and-paste-UI-Soundeffekten, um Oberflächen mit Audio zu versehen.

cuelume.dev

cuelumeKomponenten-BibliothekenWinzige Interface-Klangsignale, die in Echtzeit mit der Web Audio API des Browsers erzeugt werden.

canvasui.dev

Canvas UIKomponenten-BibliothekenGPU-beschleunigte Flüssigkeits-Physikeffekte und Canvas-Shader für reichhaltige UI-Visuals.

odysseyui.com

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

spell.sh

Spell UIKomponenten-BibliothekenSorgfältig gestaltete, interaktive UI-Komponenten für den Aufbau moderner Webanwendungen.

skiper-ui.com

Skiper UIKomponenten-BibliothekenAnimierte UI-Primitive, die mit Tailwind CSS komponiert und gestylt werden können.

devl.dev

devlKomponenten-BibliothekenMinimalistische, experimentelle UI-Komponenten für den Aufbau moderner Weboberflächen.

uiuno.com

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

vengeanceui.com

Vengeance UIKomponenten-BibliothekenAnimierte React-Komponenten rund um scroll-gesteuerte Interaktionen und Effekte.

sensory-ui.com

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

amacro.vercel.app

AmacroKomponenten-BibliothekenSofort einsetzbare Seiten-Einblend-Animationen, die du React-Apps mit wenig Aufwand hinzufügst.

evilbuttons.com

Evil ButtonsKomponenten-BibliothekenButton-Komponenten, die sich im Moment des Drückens interaktiv und griffig anfühlen.

componentry.dev

ComponentryKomponenten-BibliothekenAnpassbare UI-Primitive und -Komponenten für den Aufbau von React-Oberflächen.

great-ui.com

Great UIKomponenten-BibliothekenCopy-and-paste-Komponenten, gebaut mit React und gestylt mit Tailwind CSS.

ui.ruru.build

Ruru UIKomponenten-BibliothekenBarrierefreie, anpassbare UI-Komponenten für den Aufbau von React-Anwendungen.

shadcnstudio.com

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

shadcn-animated.vercel.app

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

pinui.xyz

Pin UIKomponenten-BibliothekenMarkante Copy-and-paste-Komponenten, gebaut mit React und Tailwind CSS.

loading.dev

loading.devKomponenten-BibliothekenEine leichtgewichtige Bibliothek aus Lade-Anzeigen und Spinnern für React-Apps.

Häufige Fragen zu React-UI-Komponenten-Bibliotheken

Die beste React-UI-Komponenten-Bibliothek 2026?

Designeer vergleicht 109 React-UI-Komponenten-Bibliotheken, jede mit Live-Vorschau, darunter shadcn/ui, Base UI und Radix. Welche die beste ist, hängt von deinem Stack ab, aber diese decken barrierefreie Primitives, animierte Komponenten und Tailwind-fertige Bausteine ab.

Sind diese React-Komponenten-Bibliotheken kostenlos und Open Source?

Viele React-Komponenten-Bibliotheken sind kostenlos und Open Source, darunter shadcn/ui, Base UI und Radix. Manche Premium- oder animierten UI-Bibliotheken verlangen Geld für fortgeschrittene Komponenten, aber du kannst ein komplettes Interface mit kostenlosen Open-Source-Optionen bauen.

Welche Komponenten-Bibliotheken funktionieren mit Tailwind und shadcn/ui?

Mehrere Bibliotheken sind für Tailwind CSS gemacht und lassen sich sauber mit shadcn/ui kombinieren, und Headless-Primitives wie Radix und Base UI kümmern sich um Barrierefreiheit, während du mit Tailwind stylst. Vergleich ein paar, um die Komponenten-Bibliothek zu finden, die zu deinem Design-System passt.