Motion and animation libraries
Libraries and tools that make interfaces move: timelines, scroll-driven effects, springs, page transitions and text animation. Each card says what it is good at and what to watch out for before you add it to a project.
19 references · Updated
Anime.jsMotion & animationKeyframes, timelines, stagger, SVG morphing and spring-release dragging in one modular JS engine.
Barba.jsMotion & animationFluid transitions between a site's pages with no visible reload, plus docs, examples and a showcase.
GSAPMotion & animationTweens, timelines and plugins for scroll, SVG and text animation, driven from JavaScript.
LenisMotion & animationSmooth scroll with one line of code, under 5 kB, that keeps WebGL and the page in sync.
MotionMotion & animationLayout, gesture, scroll and exit animations for React, JS and Vue, with built-in springs.
Transitions.devMotion & animationCopy-paste CSS transitions for dropdowns, modals and cards, with a CLI and a skill for your agent.
Vanta.jsMotion & animationAn animated WebGL background for any page element, set up in a few lines with a live customizer.
MotioninMotion & animationA gallery of animated site sections (portfolio, hero, showcase), each with the prompt to rebuild it.
MOVOMotion & animationEdit a motion graphics template in the browser: curved card strips with sliders, then export video.
JitterMotion & animationAnimate in the browser as a team, with templates and AI, and export to video, GIF or Lottie.
PremotioMotion & animationUpload a finished design, pick a motion preset, edit in the browser and export an MP4.
ShotsMotion & animationPut a design on 3D device mockups and export animated clips and images for social media and sites.
SVGatorMotion & animationAnimate SVG in a visual editor without code; export animated SVG, Lottie, Flutter or React Native.
Typeface AnimatorMotion & animationA gallery of animated text templates (slice, tile, stripes, trace) you customize without code.
AnimistaMotion & animationPick a CSS animation, tweak it on a live preview, then copy the generated keyframes class.
Animmaster LibMotion & animation300 animated UI components (scroll effects, sliders, heroes, hovers, shaders) to paste into a page.
AnimosMotion & animationDrop images into a template of 3D-curved cards, tweak the controls and export the motion as MP4.
HyperFramesMotion & animationWrite a video as HTML and CSS, then render it to MP4 with headless Chrome and FFmpeg.
RemotionMotion & animationBuild a video from React components: preview in a Studio, then render in batches or from data.