Hub · 120 Tools · 2 Bereiche

UI-Komponenten- und Animations-Bibliotheken

Komponenten-Sammlungen zum Kopieren und Einfügen, Headless-Primitives, shadcn-Registries und die Animations-Bibliotheken, die sie in Bewegung bringen. Jeder Eintrag spielt eine kurze Vorschau ab, sodass du die Bewegung beurteilen kannst, bevor du irgendetwas installierst.

01 / 02

React-UI-Komponenten-Bibliotheken

109Bereich öffnen

ForgeUI preview

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

RewampUI preview

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

shadcn/ui preview

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

Base UI preview

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

Radix preview

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

21st.dev preview

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

motion-primitives.com

Motion Primitives preview

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

React Bits preview

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

component.gallery

Component Gallery preview

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

number-flow.barvian.me

NumberFlow preview

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

fancycomponents.dev

Fancy Components preview

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

opensourceui.in

Opensource UI preview

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

ui.spectrumhq.in

Spectrum UI preview

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

amicro.vercel.app

Amicro preview

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

painterly.design-tools.workers.dev

Painterly preview

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

Bencho preview

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

shadcnblocks.com

shadcnblocks preview

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

blocks.so preview

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

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.

coss ui preview

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

Rare UI preview

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

beUI preview

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

butter-nav.vercel.app

Butter Nav preview

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

Cult UI preview

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

daisyUI preview

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

HeroUI preview

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

Kibo UI preview

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

Magic UI preview

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

ui.aceternity.com

Aceternity UI preview

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

Animate UI preview

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

FlyonUI preview

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

TailGrids preview

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

Flowbite preview

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

HyperUI preview

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

Preline UI preview

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

Float UI preview

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

Meraki UI preview

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

Tremor preview

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

Headless UI preview

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

Base CN preview

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

Easy UI preview

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

Eldora UI preview

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

velora.colorlib.com

Velora UI preview

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

Watermelon UI preview

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

beautifului.dev

Beautiful UI preview

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

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

Lightswind preview

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

Reverse UI preview

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

Smooth UI preview

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

Tailark preview

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

UI Layouts preview

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

Kokonut UI preview

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

Nex UI preview

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

Ninja UI preview

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

Sera UI preview

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

Re UI preview

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

Syntax UI preview

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

shadcn-cssinjs.com

shadcn-cssinjs preview

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

transitions.dev

Transitions preview

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

23rd preview

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

Oneko preview

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

rolling.kitlangton.dev

Rolling Number preview

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

Annnimate preview

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

GetLayers preview

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

Scritto preview

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

ogimagecn preview

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

Dither Kit preview

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

shieldcn preview

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

unlumen UI preview

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

Bearnie preview

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

fluidfunctionalism.com

Fluid Functionalism preview

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

termcn preview

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

framecn preview

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

emailcn preview

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

startercn.vercel.app

startercn preview

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

pdfcn preview

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

editorcn.vercel.app

editorcn preview

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

shadcn-labs.com

Shadcn Labs preview

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

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

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

gradient-spin.vercel.app

gradient-spin.vercel.app

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

Libraries.dev preview

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

Sona UI preview

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

text-effects.colorion.co

Colorion Text Effects preview

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

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

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

sacred.computer

SRCL preview

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

Prompt Kit preview

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

Shoogle preview

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

interior.dev preview

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

soundcn preview

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

cuelume preview

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

Canvas UI preview

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

Odyssey UI preview

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

Spell UI preview

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

Skiper UI preview

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

devl preview

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

Uiuno preview

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

vengeanceui.com

Vengeance UI preview

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

sensory-ui preview

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

amacro.vercel.app

Amacro preview

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

evilbuttons.com

Evil Buttons preview

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

componentry.dev

Componentry preview

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

Great UI preview

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

Ruru UI preview

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

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.

Pin UI preview

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

loading.dev preview

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

02 / 02

Animations-Bibliotheken für React und das Web

11Bereich öffnen

Motion preview

MotionAnimationEine produktionsreife Animationsbibliothek, um Bewegung in React-Apps im Web einzubauen.

GSAP preview

GSAPAnimationEine JavaScript-Animations-Engine, die in der Branche weit verbreitet und rund um Timelines aufgebaut ist.

Rive preview

RiveAnimationEin Tool zum Erstellen interaktiver Vektoranimationen, die von State Machines gesteuert werden.

lottiefiles.com

Lottie preview

LottieAnimationEin leichtgewichtiges, JSON-basiertes Format, um Vektoranimationen ins Web auszuliefern.

easingwizard.com

Easing Wizard preview

Easing WizardAnimationEin visueller Generator zum Erstellen eigener CSS-Spring-Easings für Webanimationen.

Morphrig preview

MorphrigAnimationEin interaktives Handbuch, das Schritt für Schritt erklärt, wie Icon-Morphing-Animation funktioniert.

Theatre.js preview

Theatre.jsAnimationEin visueller Sequencer, um Motion Design über DOM-Elemente hinweg zu choreografieren.

morphicons preview

morphiconsAnimationEine Animationsbibliothek, die Icons mithilfe von Spring-Physik für natürliche Bewegung morpht.

glimm preview

glimmAnimationShader-gesteuerte Seitenübergänge, um die Navigation in Next.js-Projekten zu animieren.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimationEin interaktives Buch, das das Handwerk des Gestaltens von Mikrointeraktionen vermittelt.

textmotion preview

textmotionAnimationEin abhängigkeitsfreies Primitive, um rollende Textanimationen ins Web einzubauen.

UI-Komponenten- & Animations-Bibliotheken (120) — Designeer