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 |
|---|---|---|---|---|---|---|---|---|
| react-native-screen-transitions Easy screen transitions for React Native and Expo | 82.8k | +8381% | - | 28 days ago 4.0.0 | ESM + CommonJS | Bundled | React, Animation | |
| react-move Beautiful, data-driven animations for React. | 80.3k | +32% | - | 5 years ago 6.5.0 | ESM + CommonJS | Bundled | Animation, React | |
| modal-react-native-web React native modal implementation for web | 79.5k | +33% | - | 7 years ago 0.2.0 | CommonJS | None | React, UI component libraries | |
| lottie-light-react Lottie for React (lottie light) | 78.8k | +270% | - | 3 years ago 2.4.0 | ESM + CommonJS | Bundled | Animation, React | |
| stylefire Performant, simplified stylers for CSS, SVG, path and DOM scroll. | 77.4k | +8% | - | 6 years ago 7.0.3 | ESM + CommonJS | Bundled | Animation, CSS-in-JS and styling | |
| tailwindcss-animated Extended animation utilities for Tailwind CSS | 75k | +70% | - | 4 months ago 2.1.0 | CommonJS | Bundled | Animation, CSS-in-JS and styling | |
| @tsparticles/plugin-motion tsParticles motion sickness plugin | 74.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| progressbar.js Responsive and slick progress bars with animated SVG paths | 73.8k | +77% | - | 2 years ago 1.1.1 | CommonJS | None | Animation | |
| loaders.css Loading animations in pure css | 73.6k | +18% | - | 10 years ago 0.1.2 | CommonJS | None | Animation | |
| @esotericsoftware/spine-core The official Spine Runtimes for the web. | 73k | - | - | - | 2 months ago 4.3.13 | ESM only | Bundled | Animation |
| @tsparticles/shape-heart tsParticles heart shape | 70.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-cards tsParticles cards shape | 70.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| vue3-lottie Add Lottie animations to your Vue 3 or Nuxt 3 application. | 68.2k | +19% | - | 2 years ago 3.3.1 | ESM + CommonJS | Bundled | Animation, Vue | |
| ol-ext A set of cool extensions for OpenLayers (ol) in node modules structure | 66.7k | +15% | - | 7 months ago 4.0.38 | ESM only | None | Animation, Maps and geolocation | |
| velocity-react React components to wrap Velocity animations | 65.3k | -23% | - | 7 years ago 1.4.3 | CommonJS | None | Animation, React | |
| @tsparticles/confetti tsParticles confetti bundle — easily create confetti, confetti cannon, confetti explosions, confetti falling, and confetti parade animations with presets. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, | 64.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, React |
| react-pageflip Simple React.js wrapper for StPageFlip library, for creating realistic and beautiful page turning effect | 61.7k | +323% | - | 5 years ago 2.0.3 | ESM + CommonJS | None | React, Animation | |
| hamburger-react Animated hamburger menu icons for React | 60.4k | +4% | - | 1 year ago 2.5.2 | ESM + CommonJS | Bundled | Animation, Icons | |
| lerp bare-bones linear interpolation function | 59k | +6% | - | 11 years ago 1.0.3 | CommonJS | None | 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. | 55.7k | -1% | - | - 2.12.0 | ESM + CommonJS | Bundled | Animation, React | |
| @tsparticles/updater-paint tsParticles particles paint updater | 55.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-blend tsParticles blend plugin | 54.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| gif.js JavaScript GIF encoding library | 54k | +427% | - | 9 years ago 0.2.0 | CommonJS | None | Animation | |
| transition-hook ☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group | 53.9k | +407% | - | 4 years ago 1.5.2 | ESM + CommonJS | Bundled | Animation, React | |
| @tsparticles/plugin-move tsParticles Move plugin | 53.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| tweezer.js A small, dependency-free, ES6 tweening library for smooth animations | 53.2k | +5% | - | 7 years ago 1.5.0 | ESM + CommonJS | None | Animation | |
| react-collapsed A React custom-hook for creating flexible and accessible expand/collapse components. | 52.7k | -10% | - | 1 year ago 4.2.0 | ESM + CommonJS | Bundled | Animation, React | |
| @tsparticles/canvas-utils tsParticles canvas utils library | 51.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| react-scroll-parallax React hooks and components to create parallax scroll effects for banners, images or any other DOM elements. | 49.7k | +9% | - | 11 months ago 3.5.0 | ESM + CommonJS | Bundled | DOM and browser utilities, Animation | |
| use-elapsed-time React hook to measure elapsed time using requestAnimationFrame | 49.6k | +55% | - | 4 years ago 3.0.4 | ESM + CommonJS | Bundled | Animation, React | |
| @tsparticles/animation-utils tsParticles animation utils library | 48.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| b-tween A simple but powerful tweening engine for Javascript. | 48.6k | +200% | - | 7 years ago 0.3.3 | ESM + CommonJS | None | Animation | |
| tailwindcss-motion Tailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS. | 47.1k | +94% | - | 1 year ago 1.1.1 | ESM + CommonJS | Bundled | Animation, CSS-in-JS and styling | |
| parallax-controller Core classes and controller for creating parallax scrolling effects | 46k | +33% | - | 2 years ago 1.7.1 | ESM + CommonJS | Bundled | DOM and browser utilities, Animation | |
| render-gif Render a gif and provide frames to draw. | 45.6k | +244% | - | 6 years ago 2.0.4 | CommonJS | None | Animation | |
| @tsparticles/plugin-emitters-shape-square tsParticles emitters shape square plugin | 44.3k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/updater-destroy tsParticles particles destroy updater | 44.3k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-interactivity tsParticles interactivity sickness plugin | 44.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-absorbers tsParticles absorbers plugin | 43.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-external-trail tsParticles trail external interaction | 43.5k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-text tsParticles text shape | 43.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| @tsparticles/updater-twinkle tsParticles particles twinkle updater | 43.3k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| react-reveal Really simple way to add reveal on scroll animation to your React app. | 43.2k | +27% | - | 8 years ago 1.2.2 | CommonJS | None | React, Animation | |
| @tsparticles/plugin-emitters-shape-circle tsParticles emitters shape circle plugin | 43.2k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| eases grab bag of easing equations | 42.4k | +33% | - | 10 years ago 1.0.8 | CommonJS | None | Animation | |
| @tsparticles/interaction-external-destroy tsParticles destroy external interaction | 41.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/interaction-external-parallax tsParticles parallax external interaction | 41.9k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| use-count-up React/React Native component and hook to animate counting up or down to a number | 41.8k | +73% | - | 5 years ago 3.0.1 | ESM + CommonJS | Bundled | Animation, React | |
| d3-graphviz Graphviz DOT rendering and animated transitions for D3 | 41.7k | +28% | - | 2 years ago 5.6.0 | ESM only | None | Animation, Charts and data visualisation | |
| split-type A javascript library that splits plain text into individual lines, words, and characters. | 40.9k | +199% | - | 2 years ago 0.3.4 | ESM + CommonJS | Bundled | 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.
- react-native-screen-transitionsEasy screen transitions for React Native and Expo
- react-moveBeautiful, data-driven animations for React.
- modal-react-native-webReact native modal implementation for web
- lottie-light-reactLottie for React (lottie light)
- stylefirePerformant, simplified stylers for CSS, SVG, path and DOM scroll.
- tailwindcss-animatedExtended animation utilities for Tailwind CSS
- @tsparticles/plugin-motiontsParticles motion sickness plugin
- progressbar.jsResponsive and slick progress bars with animated SVG paths
- loaders.cssLoading animations in pure css
- @esotericsoftware/spine-coreThe official Spine Runtimes for the web.
- @tsparticles/shape-hearttsParticles heart shape
- @tsparticles/shape-cardstsParticles cards shape
- vue3-lottieAdd Lottie animations to your Vue 3 or Nuxt 3 application.
- ol-extA set of cool extensions for OpenLayers (ol) in node modules structure
- velocity-reactReact components to wrap Velocity animations
- @tsparticles/confettitsParticles confetti bundle — easily create confetti, confetti cannon, confetti explosions, confetti falling, and confetti parade animations with presets. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact,
- react-pageflipSimple React.js wrapper for StPageFlip library, for creating realistic and beautiful page turning effect
- hamburger-reactAnimated hamburger menu icons for React
- lerpbare-bones linear interpolation function
- 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.
- @tsparticles/updater-painttsParticles particles paint updater
- @tsparticles/plugin-blendtsParticles blend plugin
- gif.jsJavaScript GIF encoding library
- transition-hook☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group
- @tsparticles/plugin-movetsParticles Move plugin
- tweezer.jsA small, dependency-free, ES6 tweening library for smooth animations
- react-collapsedA React custom-hook for creating flexible and accessible expand/collapse components.
- @tsparticles/canvas-utilstsParticles canvas utils library
- react-scroll-parallaxReact hooks and components to create parallax scroll effects for banners, images or any other DOM elements.
- use-elapsed-timeReact hook to measure elapsed time using requestAnimationFrame
- @tsparticles/animation-utilstsParticles animation utils library
- b-tweenA simple but powerful tweening engine for Javascript.
- tailwindcss-motionTailwind Motion is a Tailwind CSS Plugin made by Rombo. It’s a simple, yet powerful, animation library for Tailwind CSS.
- parallax-controllerCore classes and controller for creating parallax scrolling effects
- render-gifRender a gif and provide frames to draw.
- @tsparticles/plugin-emitters-shape-squaretsParticles emitters shape square plugin
- @tsparticles/updater-destroytsParticles particles destroy updater
- @tsparticles/plugin-interactivitytsParticles interactivity sickness plugin
- @tsparticles/plugin-absorberstsParticles absorbers plugin
- @tsparticles/interaction-external-trailtsParticles trail external interaction
- @tsparticles/shape-texttsParticles text shape
- @tsparticles/updater-twinkletsParticles particles twinkle updater
- react-revealReally simple way to add reveal on scroll animation to your React app.
- @tsparticles/plugin-emitters-shape-circletsParticles emitters shape circle plugin
- easesgrab bag of easing equations
- @tsparticles/interaction-external-destroytsParticles destroy external interaction
- @tsparticles/interaction-external-parallaxtsParticles parallax external interaction
- use-count-upReact/React Native component and hook to animate counting up or down to a number
- d3-graphvizGraphviz DOT rendering and animated transitions for D3
- split-typeA javascript library that splits plain text into individual lines, words, and characters.