Components · 11 tools

React and web animation libraries

Libraries and tools for making interfaces move: declarative React animation, timeline engines, scroll-driven effects and vector animation formats. Pick by how you think about motion. Springs and layout animation suit component work; timelines suit choreographed pages and marketing sites.

Sort

Motion preview

MotionAnimationA production-ready animation library for building motion into React apps on the web.

GSAP preview

GSAPAnimationA JavaScript animation engine, widely used in the industry, built around timelines.

Rive preview

RiveAnimationA tool for building interactive vector animations driven by state machines.

lottiefiles.com

Lottie preview

LottieAnimationA lightweight, JSON-based format for shipping vector animations to the web.

easingwizard.com

Easing Wizard preview

Easing WizardAnimationA visual generator for crafting custom CSS spring easings for web animation.

Morphrig preview

MorphrigAnimationAn interactive manual that walks through how icon morphing animation works.

Theatre.js preview

Theatre.jsAnimationA visual sequencer for choreographing motion design across DOM elements.

morphicons preview

morphiconsAnimationAn animation library that morphs icons using spring physics for natural motion.

glimm preview

glimmAnimationShader-driven page transitions for animating navigation in Next.js projects.

devouringdetails.com

Devouring Details preview

Devouring DetailsAnimationAn interactive book that teaches the craft of designing micro-interactions.

textmotion preview

textmotionAnimationA zero-dependency primitive for adding rolling text animation to the web.