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
Motion
A hybrid JavaScript and React animation library built for 120fps gestures, springs, and layout transitions.
dnd-kit
A lightweight, extensible React library for building accessible drag-and-drop interfaces.
tailwindcss-animate
Tailwind CSS plugin for enter and exit animations using utility classes
tw-animate-css
A pure-CSS, Tailwind CSS v4 compatible replacement for tailwindcss-animate.
Embla Carousel React
A lightweight, dependency-free React hook for building fluid, touch-precise carousels and sliders.
Vaul
An unstyled, physics-based drawer component for React, built on Radix UI's Dialog primitive.
D3.js
The JavaScript library for building custom, data-driven documents with SVG, Canvas, and HTML
jQuery
A fast, small, feature-rich JavaScript library for DOM traversal, event handling, animation, and Ajax with a concise, chainable API.
canvas-confetti
A zero-dependency JavaScript library for firing performant, physics-based confetti animations on an HTML canvas.
use-stick-to-bottom
Zero-dependency React hook and component that keeps AI chat scrolled to the bottom as content streams in.
react-intersection-observer
React hooks and a component for tracking when elements enter or leave the viewport.
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React
React Native Reanimated
Run smooth, gesture-driven animations directly on the UI thread in React Native.
React Native Gesture Handler
Declarative, native-driven touch and gesture handling for React Native, recognized on the UI thread.
react-transition-group
react-transition-group: React Component Animation Toolkit
NProgress
Minimalist slim progress bar for the top of the page, inspired by YouTube and Medium
NumberFlow (React)
An animated number component for React that transitions digits, formats locales, and respects reduced-motion preferences
@hello-pangea/dnd
Beautiful, accessible drag and drop for lists in React, with keyboard and screen reader support built in.
Pragmatic drag and drop
A low-level, framework-agnostic drag and drop toolkit built on native browser DnD, powering Trello, Jira, and Confluence.
react-rnd
A resizable and draggable React component with fine-grained control over size, position, and drag/resize boundaries.
lottie-react
React library and hooks for rendering Lottie/After Effects animations
PixiJS
The fastest, most flexible 2D WebGL and WebGPU rendering engine for the web.
GSAP
The industry-standard JavaScript animation library for tweening CSS, SVG, canvas, and UI with rock-solid cross-browser reliability.
react-spring
A cross-platform, spring-physics animation library for React that drives DOM and three.js animations imperatively for fluid, natural motion.
