Sammlung · 27 Empfehlungen · 2026

Animierte React-Komponentenbibliotheken

Bibliotheken, deren Komponenten Animationen bereits mitbringen: Hero-Bereiche, Texteffekte, Scroll-Reveals und Mikrointeraktionen, die du direkt in ein Projekt kopieren kannst. Die meisten setzen auf Motion oder GSAP und Tailwind. Sieh dir die Vorschauen nebeneinander an; die Unterschiede bei Easing und Zurückhaltung lassen sich leichter sehen als beschreiben.

Zusammengestellt aus react-ui-komponenten-bibliotheken.

Sortieren

ForgeUI preview

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

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.

number-flow.barvian.me

NumberFlow preview

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

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.

Evil Charts preview

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

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.

Cult UI preview

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

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.

Eldora UI preview

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

Smooth UI preview

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

Syntax UI preview

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

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.

fluidfunctionalism.com

Fluid Functionalism preview

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

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.

Odyssey UI preview

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

Skiper UI preview

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

vengeanceui.com

Vengeance UI preview

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

amacro.vercel.app

Amacro preview

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

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.

27 beste animierte React-Komponentenbibliotheken (2026)