Package category
Animation
Animate DOM, SVG and canvas elements.
659 packages9 comparisons
Packages compared
659 packages
| Package | Weekly downloads | 12-month change | 52 weeks | Gzip | Last release | Module | Types | Categories |
|---|---|---|---|---|---|---|---|---|
| d3-timer An efficient queue capable of managing thousands of concurrent animations. | 56.5m | +363% | - | 5 years ago 3.0.1 | ESM only | None | Animation | |
| d3-ease Easing functions for smooth animation. | 55m | +375% | - | 5 years ago 3.0.1 | ESM only | None | Animation | |
| react-transition-group A react component toolset for managing animations | 40.8m | +134% | - | 4 years ago 4.4.5 | ESM + CommonJS | None | Animation, React | |
| framer-motion A simple and powerful JavaScript animation library | 33.6m | +284% | - | 1 day ago 13.4.3 | ESM + CommonJS | Bundled | Animation, React | |
| log-update Log by overwriting the previous output in the terminal. Useful for rendering progress bars, animations, etc. | 31.5m | +31% | - | 5 months ago 8.0.0 | ESM only | Bundled | CLI tools and terminal utilities, Logging | |
| tw-animate-css TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`. | 29.1m | +1035% | - | 1 year ago 1.4.0 | ESM only | None | Animation, CSS-in-JS and styling | |
| react-smooth react animation library | 25.5m | +360% | - | 1 year ago 4.0.4 | ESM + CommonJS | None | Animation, React | |
| d3-transition Animated transitions for D3 selections. | 22.7m | +249% | - | 5 years ago 3.0.1 | ESM only | None | Animation | |
| tailwindcss-animate A Tailwind CSS plugin for creating beautiful animations. | 15.6m | +233% | - | 3 years ago 1.0.7 | CommonJS | Bundled | Animation, CSS-in-JS and styling | |
| motion An animation library for JavaScript and React. | 15.4m | +688% | - | 1 day ago 13.4.3 | ESM + CommonJS | Bundled | Animation, React | |
| @tweenjs/tween.js Simple and fast tweening engine with optimised Robert Penner's equations. | 8.2m | +490% | - | 2 years ago 25.0.0 | ESM + CommonJS | Bundled | Animation | |
| react-native-reanimated More powerful alternative to Animated library for React Native. | 6.1m | +261% | - | 6 days ago 4.7.0 | ESM + CommonJS | Bundled | React, Animation | |
| canvas-confetti performant confetti animation in the browser | 6m | +628% | - | 11 months ago 1.9.4 | ESM + CommonJS | None | Animation, 3D, WebGL and game engines | |
| react-native-worklets The React Native multithreading library | 5.5m | +1171% | - | 6 days ago 0.13.0 | ESM + CommonJS | Bundled | React, Animation | |
| lottie-web After Effects plugin for exporting animations to SVG + JavaScript or canvas + JavaScript | 5.4m | +109% | - | 1 year ago 5.13.0 | CommonJS | Bundled | Animation | |
| @react-spring/shared Globals and shared modules | 4.4m | +81% | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React | |
| @react-spring/animated Animated component props for React | 4.4m | +81% | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React | |
| @react-spring/core The platform-agnostic core of `react-spring` | 4.4m | +80% | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React | |
| @react-spring/types Internal package with TypeScript stuff | 4.4m | +82% | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React | |
| @react-spring/rafz react-spring's fork of rafz one frameloop to rule them all | 4.2m | +92% | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React | |
| gsap GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, | 3.6m | +257% | - | 5 months ago 3.15.0 | ESM + CommonJS | Bundled | Animation | |
| framesync A frame-synced render loop for JavaScript | 2.3m | +26% | - | 4 years ago 6.1.2 | ESM + CommonJS | Bundled | Animation | |
| lottie-react Lottie animations in React: one component for the easy path, the whole engine when you need control. | 2.2m | +114% | - | 17 days ago 3.1.2 | ESM + CommonJS | Bundled | Animation | |
| konva HTML5 2d canvas library for interactive graphics, design editors, whiteboards, and diagrams. | 1.9m | +235% | - | 1 day ago 10.7.0 | ESM only | Bundled | Animation, 3D, WebGL and game engines | |
| tween-functions Robert Penner's easing functions, slightly modified | 1.9m | -11% | - | 10 years ago 1.2.0 | CommonJS | None | Animation | |
| react-zoom-pan-pinch Zoom and pan html elements in easy way. | 1.8m | +234% | - | 22 days ago 4.2.0 | ESM + CommonJS | Bundled | React, Image processing | |
| rc-drawer drawer component for react | 1.8m | +1% | - | 1 year ago 7.3.0 | ESM + CommonJS | Bundled | React, Animation | |
| react-native-keyboard-controller Keyboard manager which works in identical way on both iOS and Android | 1.7m | +456% | - | 14 days ago 1.22.5 | ESM + CommonJS | Bundled | Animation, React | |
| style-value-types Parsers, transformers and tests for special value types, eg: %, hex codes etc. | 1.7m | +34% | - | 4 years ago 5.1.2 | ESM + CommonJS | Bundled | CSS-in-JS and styling, Image processing | |
| popmotion The animator's toolbox | 1.7m | +43% | - | 4 years ago 11.0.5 | - | - | Animation | |
| @react-spring/three [`react-three-fiber`](https://github.com/drcmda/react-three-fiber) support. This package is for version 6 of react-three-fiber | 1.5m | - | - | - | 3 months ago 10.1.2 | - | - | Animation, React |
| bezier-easing BezierEasing provides Cubic Bezier Curve easing which generalizes easing functions exactly like in CSS Transitions. | 1.4m | +81% | - | 20 days ago 3.1.0 | - | - | Animation | |
| number-flow A component to transition and format numbers. | 1.3m | +431% | - | 2 months ago 0.6.2 | - | - | Animation | |
| @number-flow/react A component to transition and format numbers. | 1.2m | - | - | - | 2 months ago 0.6.2 | - | - | Animation |
| @formkit/auto-animate Add motion to your apps with a single line of code. | 1.1m | - | - | - | 2 months ago 0.10.0 | ESM + CommonJS | Bundled | Animation, React |
| @lottiefiles/dotlottie-web Lottie and DotLottie player for the web | 1.1m | - | - | - | 28 days ago 0.80.0 | ESM + CommonJS | Bundled | Animation, 3D, WebGL and game engines |
| lottie-react-native React Native bindings for Lottie | 1.1m | +94% | - | 1 month ago 7.5.0 | ESM + CommonJS | Bundled | Animation, React | |
| @gsap/react Tools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect() | 956.8k | - | - | - | 1 year ago 2.1.2 | ESM + CommonJS | Bundled | Animation, React |
| @rc-component/drawer drawer component for react | 919.3k | - | - | - | 7 months ago 1.4.2 | ESM + CommonJS | Bundled | React, Animation |
| @lottiefiles/dotlottie-react React wrapper around the dotlottie-web library | 905.6k | - | - | - | 28 days ago 0.19.16 | ESM only | Bundled | Animation, React |
| @solid-primitives/transition-group Reactive primitives for implementing transition effects in SolidJS | 891.1k | - | - | - | 1 year ago 1.1.2 | ESM only | Bundled | Animation |
| react-spring <p align="center"> <img src="https://i.imgur.com/QZownhg.png" width="240" /> </p> | 810.3k | +8% | - | 4 months ago 10.0.4 | ESM + CommonJS | Bundled | Animation, React | |
| @shoelace-style/animations Your favorite animate.css effects available as ES modules for use with the Web Animations API. | 810.1k | - | - | - | 2 years ago 1.2.0 | ESM only | Bundled | Animation |
| @rive-app/canvas Rive's canvas based web api. | 800.6k | - | - | - | 1 day ago 2.43.1 | CommonJS | Bundled | Animation |
| @material/animation Animation Variables and Mixins used by Material Components for the web | 794.9k | - | - | - | 4 years ago 14.0.0 | ESM + CommonJS | None | Animation |
| animejs JavaScript animation engine | 746.6k | +159% | - | 3 months ago 4.5.0 | ESM + CommonJS | Bundled | Animation, 3D, WebGL and game engines | |
| solid-presence SolidJS utility that manages the presence of an element in the DOM while being aware of pending animations. | 726.5k | +964% | - | 1 year ago 0.2.0 | ESM only | Bundled | Animation | |
| rc-animate css-transition ui component for react | 674.5k | +14% | - | 5 years ago 3.1.1 | ESM + CommonJS | None | Animation, React | |
| svg.js A lightweight library for manipulating and animating SVG. | 645k | +0% | - | 7 years ago 2.7.1 | CommonJS | Bundled | Animation, Image processing | |
| svg.easing.js Additional easing equations for the fx module in the svgjs.com library | 587.4k | +8% | - | 10 years ago 2.0.0 | CommonJS | None | Animation |
12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.
- d3-timerAn efficient queue capable of managing thousands of concurrent animations.
- d3-easeEasing functions for smooth animation.
- react-transition-groupA react component toolset for managing animations
- framer-motionA simple and powerful JavaScript animation library
- log-updateLog by overwriting the previous output in the terminal. Useful for rendering progress bars, animations, etc.
- tw-animate-cssTailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.
- react-smoothreact animation library
- d3-transitionAnimated transitions for D3 selections.
- tailwindcss-animateA Tailwind CSS plugin for creating beautiful animations.
- motionAn animation library for JavaScript and React.
- @tweenjs/tween.jsSimple and fast tweening engine with optimised Robert Penner's equations.
- react-native-reanimatedMore powerful alternative to Animated library for React Native.
- canvas-confettiperformant confetti animation in the browser
- react-native-workletsThe React Native multithreading library
- lottie-webAfter Effects plugin for exporting animations to SVG + JavaScript or canvas + JavaScript
- @react-spring/sharedGlobals and shared modules
- @react-spring/animatedAnimated component props for React
- @react-spring/coreThe platform-agnostic core of `react-spring`
- @react-spring/typesInternal package with TypeScript stuff
- @react-spring/rafzreact-spring's fork of rafz one frameloop to rule them all
- gsapGSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths,
- framesyncA frame-synced render loop for JavaScript
- lottie-reactLottie animations in React: one component for the easy path, the whole engine when you need control.
- konvaHTML5 2d canvas library for interactive graphics, design editors, whiteboards, and diagrams.
- tween-functionsRobert Penner's easing functions, slightly modified
- react-zoom-pan-pinchZoom and pan html elements in easy way.
- rc-drawerdrawer component for react
- react-native-keyboard-controllerKeyboard manager which works in identical way on both iOS and Android
- style-value-typesParsers, transformers and tests for special value types, eg: %, hex codes etc.
- popmotionThe animator's toolbox
- @react-spring/three[`react-three-fiber`](https://github.com/drcmda/react-three-fiber) support. This package is for version 6 of react-three-fiber
- bezier-easingBezierEasing provides Cubic Bezier Curve easing which generalizes easing functions exactly like in CSS Transitions.
- number-flowA component to transition and format numbers.
- @number-flow/reactA component to transition and format numbers.
- @formkit/auto-animateAdd motion to your apps with a single line of code.
- @lottiefiles/dotlottie-webLottie and DotLottie player for the web
- lottie-react-nativeReact Native bindings for Lottie
- @gsap/reactTools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect()
- @rc-component/drawerdrawer component for react
- @lottiefiles/dotlottie-reactReact wrapper around the dotlottie-web library
- @solid-primitives/transition-groupReactive primitives for implementing transition effects in SolidJS
- react-spring<p align="center"> <img src="https://i.imgur.com/QZownhg.png" width="240" /> </p>
- @shoelace-style/animationsYour favorite animate.css effects available as ES modules for use with the Web Animations API.
- @rive-app/canvasRive's canvas based web api.
- @material/animationAnimation Variables and Mixins used by Material Components for the web
- animejsJavaScript animation engine
- solid-presenceSolidJS utility that manages the presence of an element in the DOM while being aware of pending animations.
- rc-animatecss-transition ui component for react
- svg.jsA lightweight library for manipulating and animating SVG.
- svg.easing.jsAdditional easing equations for the fx module in the svgjs.com library