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
typed.js
A lightweight JavaScript library that types and backspaces through strings for animated, typewriter-style text effects.
react-content-loader
SVG-powered skeleton screen loaders for React and React Native, with Facebook, Instagram, and custom presets.
rough-notation
A small JavaScript library that draws and animates hand-sketched annotations — underlines, circles, boxes, highlights — over any DOM element.
react-scroll-parallax
React hooks and components for scroll-driven parallax effects, powered by the Web Animations API.
selecto
A framework-agnostic JavaScript library for drag-to-select interactions, letting users select multiple DOM elements with mouse or touch.
svelte-dnd-action
A lightweight, action-based drag-and-drop library for Svelte with full keyboard, touch, and screen-reader accessibility support.
react-swipeable
A lightweight React hook for detecting and handling swipe gestures on touch and mouse events.
js-confetti
A zero-dependency JavaScript library for canvas-based confetti animations, including emoji confetti support.
rive-react
React components and hooks for loading, playing, and controlling Rive animations.
react-collapsible
A React component for building smooth, animated collapsible and accordion sections with full control over triggers, transitions, and styling.
d3-interpolate
Interpolate numbers, colors, strings, arrays, and objects for smooth D3.js transitions and animations.
react-canvas-confetti
React component wrapper for the canvas-confetti animation library
react-confetti-explosion
A lightweight, CSS-only confetti explosion component for React with no canvas or particle engine required.
react-scroll-to-bottom
A React container component that auto-scrolls to the bottom (or top) as new content streams in, similar to `tail -f`.
react-simple-pull-to-refresh
A zero-dependency React component that adds pull-to-refresh and fetch-more gestures to any scrollable list.
unicornstudio-react
A typed React and Next.js wrapper for embedding Unicorn.Studio's interactive WebGL scenes, with lazy loading, placeholders, and live variable/preset control.
@shopify/draggable
A modular JavaScript drag-and-drop toolkit with composable Sortable, Swappable, and Droppable modules built on a common Draggable core.
countUp.js
Animates a numerical value by counting up or down to a target, with configurable easing, number formatting, and scroll-triggered auto-animation.
Rapier2d
Fast, cross-platform 2D physics engine for Rust games, animation, and robotics
react-native-bootsplash
Show a native splash screen the instant a React Native app starts, then hide it with a fade or a fully custom JS-driven animation.
react-flip-toolkit
A lightweight FLIP animation library for React, delivering smooth layout transitions without cloning or crossfading.
react-native-progress
Animated progress bars, circles, and pies for React Native, built on React Native SVG.
@neodrag/react
A lightweight React hook that makes any DOM element draggable, powered by the tiny, framework-agnostic @neodrag/core engine.
React Native Image Viewer
A lightweight React Native component for swipeable, pinch-to-zoom image galleries with pan gestures, save-to-camera-roll, and fully customizable header/footer/indicator UI.
