Animation & Motion Packages
Animation and motion libraries for transitions, gestures, and physics-based UI — the tools behind smooth, native-feeling interface interactions on the web.
Packages in Animation & Motion
Kind
Sort:Used by Most Apps
Swiper
A hardware-accelerated, mobile-first touch slider for carousels, galleries, and slideshows
auto-animate
A zero-config, drop-in animation utility that adds smooth transitions to any web app with a single line of code.
react-spinners
A collection of 23 lightweight, customizable loading spinner components for React apps.
react-zoom-pan-pinch
A React library for zooming, panning, and pinch gestures on any HTML element
react-confetti
React component that renders physics-based confetti particles on an HTML canvas, with tunable gravity, wind, and colors.
dotLottie Web
High-performance Lottie & dotLottie animation player for the web
driver.js
A dependency-free, ~5kb TypeScript library for building product tours, feature highlights, and focus overlays.
cobe
A 5KB, zero-dependency WebGL library for rendering interactive, animated 3D globes with markers and arcs.
Remotion
A React framework for creating videos programmatically with code, real browser rendering, and server-side or cloud-scale export.
Konva
An HTML5 Canvas JavaScript framework for building interactive 2D graphics, editors, and diagrams.
React Sortable HOC
A set of higher-order components that turn any list into an animated, accessible, touch-friendly sortable list.
raf
A requestAnimationFrame polyfill that provides a consistent animation-frame API across Node.js and browsers.
Anime.js
A fast, lightweight JavaScript animation engine for CSS, SVG, DOM attributes, and JS objects.
moveable
A JavaScript/TypeScript library that makes DOM elements draggable, resizable, scalable, rotatable, warpable, pinchable, and snappable
@vueuse/motion
Vue composables and a v-motion directive for declarative, physics-based component animation.
Panzoom
A lightweight, dependency-free library for adding smooth pan-and-zoom interactions to any HTML or SVG element using CSS transforms.
masked-view
A cross-platform React Native component that clips content using the alpha channel of any React element as a mask.
lottie-web
Play Adobe After Effects animations natively in the browser from a Bodymovin-exported JSON file
react-slick
A faithful React port of the jQuery Slick Carousel, giving React apps swipeable, responsive, infinitely-loopable sliders.
Motion for Vue
A production-ready animation library for Vue 3 with springs, gestures, layout, and scroll animations powered by a hybrid JS/native engine.
panzoom
Extensible, mobile-friendly pan and zoom library for DOM and SVG elements with kinetic scrolling.
React Animate Height
Zero-dependency React component for animating height with CSS transitions
reveal.js
The open-source HTML presentation framework for building browser-based slide decks with Markdown, Auto-Animate, and speaker notes.
dragula
A vanilla JavaScript drag-and-drop library that figures out sort order on its own, with no framework required.
