Componentes · 11 herramientas

Bibliotecas de animación para React y la web

Bibliotecas y herramientas para hacer que las interfaces se muevan: animación declarativa en React, motores de timeline, efectos impulsados por scroll y formatos de animación vectorial. Elige según cómo pienses el movimiento. Los springs y la animación de layout encajan con el trabajo de componentes; los timelines encajan con páginas coreografiadas y sitios de marketing.

Ordenar

Motion preview

MotionAnimaciónUna biblioteca de animación lista para producción para incorporar movimiento a las aplicaciones de React en la web.

GSAP preview

GSAPAnimaciónUn motor de animación en JavaScript, muy usado en la industria, construido en torno a las líneas de tiempo.

Rive preview

RiveAnimaciónUna herramienta para crear animaciones vectoriales interactivas controladas por máquinas de estado.

lottiefiles.com

Lottie preview

LottieAnimaciónUn formato ligero basado en JSON para llevar animaciones vectoriales a la web.

easingwizard.com

Easing Wizard preview

Easing WizardAnimaciónUn generador visual para crear easings spring personalizados en CSS para animación web.

Morphrig preview

MorphrigAnimaciónUn manual interactivo que explica cómo funciona la animación de transformación de iconos.

Theatre.js preview

Theatre.jsAnimaciónUn secuenciador visual para coreografiar el diseño de movimiento en los elementos del DOM.

morphicons preview

morphiconsAnimaciónUna biblioteca de animación que transforma iconos usando física de muelles para un movimiento natural.

glimm preview

glimmAnimaciónTransiciones de página basadas en shaders para animar la navegación en proyectos de Next.js.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimaciónUn libro interactivo que enseña el arte de diseñar microinteracciones.

textmotion preview

textmotionAnimaciónUna primitiva sin dependencias para añadir animación de texto rotatorio a la web.

Las 11 mejores bibliotecas de animación para React y la web (2026)