Packages

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.

86 packages

Packages in Animation & Motion

Kind
Tags
React63 Animation44 Javascript19 React Component16 Canvas14 Draggable12 Vue12 React Native12 Svg11 Component11 Drag And Drop10 Zoom10 Typescript10 Drag9 Sortable9 Motion8 CSS8 Svelte8 Touch8 Confetti8 Transition7 Scroll7 Loader7 Transform6 Scale6 Carousel6 Mobile6 Dnd6 Hooks6 Reactjs6 Loading6 Pan6 Spring5 Slider5 Accessible5 Hook5 Webgl5 Translate4 Slideshow4 Drawer4 D34 Hacktoberfest4 Particles4 Resizable4 Lottie4 Swipe4 Angular4 Moveable4 Skeleton4 Tailwindcss3 Plugin3 Animated3 Slide3 Spin3 Accordion3 Collapsible3 Solid3 Gallery3 Dom3 Burst3 Fireworks3 Snow3 Drag and drop3 React Hooks3 Gesture3 Resize3 Animation Library3 Easing3 Preact3 Spinners3 Spinner3 Dragging3 Panzoom3 Ant Design3 Antd3 React animation2 3d2 Popmotion2 Tailwind2 Animate2 Opacity2 Tailwindcss Animate2 Touch Events2 Vanilla2 Dialog2 Modal2 Data Visualization2 Visualization2 Jquery2 Canvas Confetti2 AI2 Reordering2 Reorder2 Reorderable2 React.js2 Natural2 Beautiful2 Scrolling2 Viewport2 Odometer2 React Draggable2 Web2 Velocity2 Javascript Library2 Svg2 Swiper2 Ios2 UI2 Progressbar2 React Spinners2 Progress2 Pinch2 Dotlottie2 Solidjs2 Thorvg2 Wasm2 Player2 Overlay2 Tour2 Walkthrough2 Video2 Graphics2 Konva2 Front End2 Requestanimationframe2 Anime2 Timer2 Groupable2 Movable2 Pinchable2 Rotatable2 Scalable2 Snappable2 Warpable2 Masked View2 Slick2 Framer Motion2 Slides2 Placeholder2 Banner2 Effects2 Parallax2 Select2 Selectable2 Selection2 Selecto2 Swipeable2 JS Confetti2 D3 Module2 Interpolation2 Sticky2 Tail2 Nextjs2 Unicornstudio2 Vite2 Es62 Physics2 Dynamics2 Rigid2 Real Time2 Impulse_joints2 Bootsplash2 Splash Screen2 Splashscreen2 Neodrag2 Image Viewer2 Ghost2 Ngx2 Ngx Skeleton Loader2 Skeleton Animation2 Skeleton Loader2 2d Transformations2 Three Shaking2 Transformation Matrix2 Bezier2 Animation JS1 Reactanimations1 Javascript animation1 Three1 Gestures1 Framer1 Waapi1 Droppable1 Postcss1 Animatecss1 Animate.css1 Fade1 Tailwindcss V41 Bits UI1 Fades1 Radix1 Reka1 Shadcn1 Tailwind Animate1 Carousel Component1 Carousel Plugin1 Dependency Free1 Fade Slider1 Mobile Web1 Slider Plugin1 Lightweight1 Chart1 Charts1 Browser1 Library1 Jsdelivr1 Chatbot1 Chatgpt1 Claude1 Messages1 Smooth Scrolling1 Intersection Observer1 Intersectionobserver1 Intersectionobserver API1 Lazy Loading1 Monitor1 Performance1 Visibility1 Intersection1 Observer1 Lazy load1 Inview1 Useinview1 Useintersectionobserver1 Multithreading1 React Native Reanimated1 React Native Worklets1 Worklets1 Native1 Reanimated1 Addons1 Transition Group1 Transitions1 Number Format1 Number Animation1 Animated Number1 Forked1 React Beautiful Dnd1 React Drag And Drop1 React Sortable1 Dropzone1 Lottie React1 Lottie Web1 Lottie react1 Lottie animation1 Lottie component1 Lottie hook1 Lottie player1 Tree Shakeable1 Canvas2d1 Game1 Glsl1 Pixi1 Pixijs1 Renderer1 Rendering1 Rendering 2d Graphics1 Rendering Engine1 React Spring1 Spring Physics1 Springs1 Gsap1 Gsap1 Greensock1 Motionpathplugin1 Motionpath1 Matchmedia1 Scrolltrigger1 Scrollsmoother1 Observer1 Javascript1 Pixiplugin1 Customease1 Flip1 3d1 2d1 Morph1 Morphing1 Tweening1 Webflow1 Cordova1 Phonegap1 App1 Framework1 Framework71 Marko1 Loading Spinners1 React Spinner1 Loaders1 Halogen1 Activity1 Figma1 HTML Manipulation1 Miro1 Zoomin1 Zoomout1 Fast1 Transformations1 Viewer1 Reacts1 Css31 Bounds1 Context1 Lottie Animation1 Lottie Player1 Motion Graphics1 Web Components1 Webassembly1 Webgpu1 Feature Introductions1 Overlays1 Popover1 Product Tour1 Product Tours1 Spotlight1 User Onboarding1 Driver.js1 Driver1 Guide1 Tooltip1 Product tour1 Product walkthrough1 Product guide1 Product tutorial1 Product demo1 Lightbox1 Globe1 Ffmpeg1 Video Processing1 Video Editing1 Creation1 Editor1 Node Canvas1 Shape1 Html51 2d1 Design Editor1 Canvas Editor1 Whiteboard1 Transformer1 Grid1 Higher Order Component1 Sorting1 Sortable List1 List1 Sortable list1 Smooth1 Hoc1 Higher Order1 Polyfill1 Animejs1 Anime.js1 Timeline1 Animatable1 Scope1 Engine1 Easings1 Cubic Bezier1 Splittext1 CSS1 Waapi1 Canvas1 Webgl1 Treejs1 Tree.js1 Clippable1 Roundable1 Border1 Origin1 Move1 Warp1 Rotate1 Throttle1 Group1 Pinchi1 Snap1 Composable1 Composition API1 Popmotion For Vue1 V Motion1 Popmotion Vue1 Pointer Events1 React native1 Masked view1 After effects1 Export1 Image slider1 Orbit1 Motion Vue1 Motionone1 Scene1 Slide up1 Slide down1 Animate height1 Presentations1 Reveal1 Presentation1 Drag Drop1 Typed1 Facebook Cards Loaders1 React Native Components1 Skeleton Screen1 Content1 Annotate1 Rough1 Sketchy1 Lit1 Scena1 Scenejs1 React swipe1 React touch1 React hook1 Collapse1 Interpolate1 Color1 Css animation1 User reward1 Ui delight1 Auto Scrolling1 Follow1 Jump1 Jump to bottom1 Jump to top1 Scroll to bottom1 Scroll to top1 Stick to bottom1 Stick to top1 Pull to refresh1 JS1 Next.js1 Unicorn Studio1 Interactive1 Scenes1 Wrapper1 Shopify1 React Native Bootsplash1 Boot Splash1 Boot Screen1 Bootscreen1 Launch Screen1 Launchscreen1 Flip Animations1 Layout Animation1 Scale Animation1 Flip1 React Native Component1 Progressindicator1 Circle1 Pie1 Bar1 Indeterminate1 Small1 Tiny1 Performant1 Content Loader1 Facebook Loader1 Loading Animations1 Facebook Loading1 Rust1 Terminal UI1 Term1 Terminal1 Anchor1 UX1 Rc Drawer1 React Drawer1 Drawer Menu1 Rc Drawer Menu1 React Drawer Menu1 Drawer Motion1 Drawer Animation1 Matrix1 Tween1 Ease1 Penner1 React Motion1 Settimeout1 Setinterval1 Dom1 Bezier Curves1 Easing Functions1 Math1 Components1 Landing Page1 Parody1 Design System1 React Trigger1 Trigger1
Sort:Used by Most Apps
Showing 86 packages
79Health
Library npm

Motion

A hybrid JavaScript and React animation library built for 120fps gestures, springs, and layout transitions.

33,605
MIT
Used by 145
82Health
Library npm

dnd-kit

A lightweight, extensible React library for building accessible drag-and-drop interfaces.

17,627
MIT
Used by 107
34Health
Library npm

tailwindcss-animate

Tailwind CSS plugin for enter and exit animations using utility classes

3,018
MIT
Used by 100
42Health
Library npm

tw-animate-css

A pure-CSS, Tailwind CSS v4 compatible replacement for tailwindcss-animate.

802
MIT
Used by 97
83Health
Library npm

Embla Carousel React

A lightweight, dependency-free React hook for building fluid, touch-precise carousels and sliders.

8,414
MIT
Used by 51
48Health
Library npm

Vaul

An unstyled, physics-based drawer component for React, built on Radix UI's Dialog primitive.

8,608
MIT
Used by 49
62Health
Library npm

D3.js

The JavaScript library for building custom, data-driven documents with SVG, Canvas, and HTML

113,729
Other
Used by 31
82Health
Library npm

jQuery

A fast, small, feature-rich JavaScript library for DOM traversal, event handling, animation, and Ajax with a concise, chainable API.

59,776
MIT
Used by 30
47Health
Library npm

canvas-confetti

A zero-dependency JavaScript library for firing performant, physics-based confetti animations on an HTML canvas.

12,744
Other
Used by 30
36Health
Library npm

use-stick-to-bottom

Zero-dependency React hook and component that keeps AI chat scrolled to the bottom as content streams in.

776
MIT
Used by 27
53Health
Library npm

react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

33,930
Apache 2.0
Used by 25
85Health
Library npm

react-intersection-observer

React hooks and a component for tracking when elements enter or leave the viewport.

5,537
MIT
Used by 25
93Health
Library npm

React Native Reanimated

Run smooth, gesture-driven animations directly on the UI thread in React Native.

10,995
MIT
Used by 23
92Health
Library npm

React Native Gesture Handler

Declarative, native-driven touch and gesture handling for React Native, recognized on the UI thread.

6,783
MIT
Used by 23
48Health
Library npm

react-transition-group

react-transition-group: React Component Animation Toolkit

10,220
BSD 3
Used by 20

Join founders buildingwith open source

Opinionated takes, migration guides, cost-saving tips, and insights from the open source ecosystem.

Subscribe on Substack
Join 750+ subscribers