Komponenten · 11 Tools

Animations-Bibliotheken für React und das Web

Bibliotheken und Tools, um Interfaces in Bewegung zu bringen: deklarative React-Animation, Timeline-Engines, scroll-gesteuerte Effekte und Vektor-Animationsformate. Wähle danach, wie du über Bewegung denkst. Springs und Layout-Animation passen zur Komponenten-Arbeit; Timelines passen zu choreografierten Seiten und Marketing-Sites.

Sortieren

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.

Die 11 besten Animations-Bibliotheken für React & das Web (2026)