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 |
|---|---|---|---|---|---|---|---|---|
| svg.pathmorphing.js Enables pathmorphing / path animation in svg.js | 586.3k | -12% | - | 8 years ago 0.1.3 | CommonJS | None | Animation | |
| @svgdotjs/svg.js A lightweight library for manipulating and animating SVG. | 551.3k | - | - | - | 1 month ago 3.2.8 | ESM + CommonJS | Bundled | Animation, Image processing |
| zenscroll A module to smooth-scroll web pages and scrollable elements (like DIVs) | 551.3k | +54% | - | 8 years ago 4.0.2 | CommonJS | None | DOM and browser utilities, Animation | |
| @react-spring/native [`react-native`](https://github.com/facebook/react-native) support | 505.2k | - | - | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React |
| react-countup A React component wrapper around CountUp.js | 498.3k | +53% | - | 2 years ago 6.5.3 | CommonJS | Bundled | Animation, React | |
| @react-spring/konva [`konva`](https://github.com/konvajs/konva) support | 485.2k | - | - | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React |
| motion-v <h1 align="center"> <img width="35" height="35" alt="Motion logo" src="https://github.com/user-attachments/assets/00d6d1c3-72c4-4c2f-a664-69da13182ffc" /><br />Motion for Vue</h1> | 481.1k | +435% | - | 9 days ago 2.4.4 | ESM only | Bundled | Animation, Vue | |
| @react-spring/zdog > [!WARNING] > This package uses react-zdog which does not support React 19 yet. | 480.7k | - | - | - | 3 months ago 10.1.2 | ESM + CommonJS | Bundled | Animation, React |
| react-simple-animate react simple animate | 469.4k | +6% | - | 1 year ago 3.5.3 | CommonJS | Bundled | Animation, React | |
| react-native-animatable Easy to use declarative transitions and animations for React Native | 462.2k | +17% | - | 2 years ago 1.4.0 | CommonJS | Bundled | Animation, React | |
| animate.css [](https://github.com/daneden/animate.css) [](https://github | 450.7k | +13% | - | 6 years ago 4.1.1 | CommonJS | None | Animation, CSS-in-JS and styling | |
| react-transition-state Zero dependency React transition state machine. | 445.3k | +112% | - | 4 months ago 2.4.0 | ESM + CommonJS | Bundled | Animation, React | |
| react-motion A spring that solves your animation problems. | 414.9k | +7% | - | 8 years ago 0.5.2 | CommonJS | None | Animation, React | |
| react-native-modal An enhanced React Native modal | 412.1k | +50% | - | 1 year ago 14.0.0-rc.1 | CommonJS | Bundled | React, UI component libraries | |
| thinking-orbs Dotted thought-orb loading indicators for AI & agent UIs — nine tuned states, two sizes, auto dark/light | 385.2k | - | - | 3 days ago 0.3.2 | ESM + CommonJS | Bundled | Animation | |
| @rive-app/webgl2 Rive's webgl2 based web api. | 373.4k | - | - | - | 1 day ago 2.43.1 | CommonJS | Bundled | Animation |
| @visx/react-spring visx primitives that rely on react-spring for animation | 371.3k | - | - | - | 3 months ago 4.0.0 | ESM + CommonJS | Bundled | Charts and data visualisation, React |
| unicode-animations Unicode spinner animations as raw frame data | 344.6k | - | - | 7 months ago 1.0.3 | ESM + CommonJS | Bundled | CLI tools and terminal utilities, Animation | |
| @luma.gl/gltf Standards-first glTF rendering, physical materials, animation, and lossless asset interchange | 339.6k | - | - | - | 5 days ago 9.4.2 | ESM + CommonJS | Bundled | 3D, WebGL and game engines, Animation |
| @lottiefiles/react-lottie-player Lottie web player wrapper for React | 324.4k | - | - | - | 1 year ago 3.6.0 | ESM + CommonJS | Bundled | React, Animation |
| @tsparticles/engine Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno. | 298.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, React |
| @chakra-ui/transition Common transition components for Chakra UI | 298.4k | - | - | - | 3 years ago 2.1.0 | ESM + CommonJS | Bundled | Animation, React |
| dom-css fast dom CSS styling | 294.4k | +3% | - | 10 years ago 2.1.0 | CommonJS | None | DOM and browser utilities, Animation | |
| @tsparticles/basic Basic tsParticles bundle — minimal core engine with only the essential features for fast, lightweight particle animations. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno. | 272.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, React |
| @tsparticles/updater-opacity tsParticles particles opacity updater | 272.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/updater-out-modes tsParticles particles out modes updater | 272.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @antv/g2 the Grammar of Graphics in Javascript | 270k | - | - | - | 8 months ago 5.4.8 | ESM + CommonJS | Bundled | Animation, Charts and data visualisation |
| @tsparticles/shape-circle tsParticles circle shape | 269.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/updater-size tsParticles particles size updater | 269.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/updater-rotate tsParticles particles rotate updater | 266.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-square tsParticles square shape | 266.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/shape-image tsParticles image shape | 263.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/shape-emoji tsParticles emoji shape | 263.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/shape-polygon tsParticles polygon shape | 263.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/shape-star tsParticles star shape | 263k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| chalk-animation Colorful animations in terminal output | 263k | +872% | - | 4 years ago 2.0.3 | ESM only | None | CLI tools and terminal utilities, Animation | |
| @tsparticles/plugin-hex-color tsParticles hex color plugin | 261.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-rgb-color tsParticles RGB color plugin | 260.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-hsl-color tsParticles HSL color plugin | 260.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/updater-life tsParticles particles life updater | 260.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| border-beam Animated border beam effect for React | 235.2k | - | - | 3 days ago 1.4.1 | ESM + CommonJS | Bundled | Animation, React | |
| @primeuix/motion Motion utilities for PrimeUI Libraries | 228.9k | - | - | - | 2 months ago 1.0.0 | ESM + CommonJS | Bundled | Animation |
| frame-ticker Frame ticker with easy events for animation or games in JavaScript or TypeScript | 222.8k | +260% | - | 9 years ago 1.0.3 | CommonJS | Bundled | Animation, TypeScript tooling | |
| @quasar/extras Quasar Framework fonts, icons and animations | 216.2k | - | - | - | 11 days ago 2.1.0 | ESM only | Bundled | Icons, Animation |
| @tsparticles/interaction-particles-links tsParticles links particles interaction | 207.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-line tsParticles line shape | 205k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/interaction-external-bubble tsParticles bubble external interaction | 204.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-particles-collisions tsParticles collisions particles interaction | 204.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-external-repulse tsParticles repulse external interaction | 204.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-external-attract tsParticles attract external interaction | 204.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
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.
- svg.pathmorphing.jsEnables pathmorphing / path animation in svg.js
- @svgdotjs/svg.jsA lightweight library for manipulating and animating SVG.
- zenscrollA module to smooth-scroll web pages and scrollable elements (like DIVs)
- @react-spring/native[`react-native`](https://github.com/facebook/react-native) support
- react-countupA React component wrapper around CountUp.js
- @react-spring/konva[`konva`](https://github.com/konvajs/konva) support
- motion-v<h1 align="center"> <img width="35" height="35" alt="Motion logo" src="https://github.com/user-attachments/assets/00d6d1c3-72c4-4c2f-a664-69da13182ffc" /><br />Motion for Vue</h1>
- @react-spring/zdog> [!WARNING] > This package uses react-zdog which does not support React 19 yet.
- react-simple-animatereact simple animate
- react-native-animatableEasy to use declarative transitions and animations for React Native
- animate.css[](https://github.com/daneden/animate.css) [](https://github
- react-transition-stateZero dependency React transition state machine.
- react-motionA spring that solves your animation problems.
- react-native-modalAn enhanced React Native modal
- thinking-orbsDotted thought-orb loading indicators for AI & agent UIs — nine tuned states, two sizes, auto dark/light
- @rive-app/webgl2Rive's webgl2 based web api.
- @visx/react-springvisx primitives that rely on react-spring for animation
- unicode-animationsUnicode spinner animations as raw frame data
- @luma.gl/gltfStandards-first glTF rendering, physical materials, animation, and lossless asset interchange
- @lottiefiles/react-lottie-playerLottie web player wrapper for React
- @tsparticles/engineEasily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
- @chakra-ui/transitionCommon transition components for Chakra UI
- dom-cssfast dom CSS styling
- @tsparticles/basicBasic tsParticles bundle — minimal core engine with only the essential features for fast, lightweight particle animations. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
- @tsparticles/updater-opacitytsParticles particles opacity updater
- @tsparticles/updater-out-modestsParticles particles out modes updater
- @antv/g2the Grammar of Graphics in Javascript
- @tsparticles/shape-circletsParticles circle shape
- @tsparticles/updater-sizetsParticles particles size updater
- @tsparticles/updater-rotatetsParticles particles rotate updater
- @tsparticles/shape-squaretsParticles square shape
- @tsparticles/shape-imagetsParticles image shape
- @tsparticles/shape-emojitsParticles emoji shape
- @tsparticles/shape-polygontsParticles polygon shape
- @tsparticles/shape-startsParticles star shape
- chalk-animationColorful animations in terminal output
- @tsparticles/plugin-hex-colortsParticles hex color plugin
- @tsparticles/plugin-rgb-colortsParticles RGB color plugin
- @tsparticles/plugin-hsl-colortsParticles HSL color plugin
- @tsparticles/updater-lifetsParticles particles life updater
- border-beamAnimated border beam effect for React
- @primeuix/motionMotion utilities for PrimeUI Libraries
- frame-tickerFrame ticker with easy events for animation or games in JavaScript or TypeScript
- @quasar/extrasQuasar Framework fonts, icons and animations
- @tsparticles/interaction-particles-linkstsParticles links particles interaction
- @tsparticles/shape-linetsParticles line shape
- @tsparticles/interaction-external-bubbletsParticles bubble external interaction
- @tsparticles/interaction-particles-collisionstsParticles collisions particles interaction
- @tsparticles/interaction-external-repulsetsParticles repulse external interaction
- @tsparticles/interaction-external-attracttsParticles attract external interaction