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 |
|---|---|---|---|---|---|---|---|---|
| ng-animate A library of cool, reusable and flexible animations for Angular | 8.4k | +8% | - | 4 years ago 2.0.1 | ESM + CommonJS | Bundled | Animation, Angular | |
| @vtbag/turn-signal Turn-Signal is a lightweight script that enhances cross-document navigation by detecting the direction of browser navigation. It enables developers to create smooth, responsive transitions that adjust based on forward or backward navigation, delivering a | 8.4k | - | - | - | 1 year ago 1.3.1 | ESM only | None | Animation |
| @tsparticles/path-utils tsParticles path utils library | 8.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @lottiefiles/dotlottie-react-native dotlottie react native | 8.3k | - | - | - | 1 month ago 0.12.1 | ESM + CommonJS | Bundled | Animation, React |
| svelte-motion Svelte animation library based on the React library framer-motion. | 8.2k | +41% | - | 2 years ago 0.12.2 | ESM only | Bundled | Animation, Svelte | |
| ngx-page-scroll Convenience directive for animated scrolling functionality for angular written in pure typescript | 8.2k | -3% | - | 2 months ago 17.0.0 | ESM only | Bundled | DOM and browser utilities, Angular | |
| react-text-loop Create an animated loop of a list of text for your headings | 8.2k | +42% | - | 6 years ago 2.3.0 | ESM + CommonJS | None | Animation, React | |
| tram Cross-browser CSS3 transitions in JavaScript | 8.1k | +4% | - | 9 years ago 0.8.3 | CommonJS | None | Animation | |
| @lottiefiles/dotlottie-solid Solid wrapper around the dotlottie-web library | 8k | - | - | - | 28 days ago 0.6.27 | ESM only | Bundled | Animation, 3D, WebGL and game engines |
| react-native-svg-animated-linear-gradient Animated linear gradient for React Native Svg | 8k | +185% | - | 6 years ago 0.4.0 | - | None | Animation, React | |
| gif.js.optimized JavaScript GIF encoding library | 7.9k | +113% | - | 9 years ago 1.0.1 | CommonJS | None | Animation | |
| nuxt-lottie Easily integrate Lottie animations into your Nuxt project | 7.8k | +253% | - | 3 months ago 1.0.9 | ESM + CommonJS | Bundled | Animation, Vue | |
| react-native-animated-glow A performant, highly-customizable animated glow effect for React Native, powered by Skia and Reanimated. | 7.7k | +3437% | - | 4 days ago 3.2.0 | ESM + CommonJS | Bundled | Animation, React | |
| @tsparticles/plugin-sounds tsParticles sounds plugin | 7.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| aurelia-animator-css An implementation of the abstract Animator interface from templating which enables css-based animations. | 7.7k | -27% | - | 8 years ago 1.0.4 | CommonJS | Bundled | Animation | |
| tegaki Framework-agnostic animated handwriting renderer with React, Svelte, Vue, Nuxt, SolidJS, Astro, and Web Components adapters | 7.5k | - | - | 2 days ago 0.22.2 | ESM only | Bundled | Animation, React | |
| miniraf ES2015 module to polyfill requestAnimationFrame | 7.4k | -23% | - | 8 years ago 1.0.1 | ESM + CommonJS | Bundled | Polyfills and shims, Animation | |
| @tsparticles/plugin-polygon-mask tsParticles polygon mask plugin | 7.4k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @animateicons/react Animated SVG icons for React with hover and imperative animation triggers. Built on motion/react. | 7.4k | - | - | - | 20 days ago 0.5.0 | ESM + CommonJS | Bundled | Icons, Animation |
| react-animated-numbers Library showing animation of number changes in react.js | 7.3k | +33% | - | 1 year ago 1.1.1 | CommonJS | Bundled | Animation, React | |
| react-animated-css React component to show or hide elements with animations using [Animated.css](https://daneden.github.io/animate.css/) | 7.2k | +22% | - | 7 years ago 1.2.1 | CommonJS | Bundled | Animation, React | |
| @lordicon/element This package offers developers a convenient method for embedding, controlling, and customizing animated icons from Lordicon within web projects. | 7.1k | - | - | - | 3 months ago 2.3.1 | ESM only | Bundled | Animation, Icons |
| jquery-smooth-scroll Allows for easy implementation of smooth scrolling for same-page links. | 7.1k | +312% | - | 9 years ago 2.2.0 | CommonJS | None | DOM and browser utilities, Animation | |
| dandelion-animated-slider Animated slider component for react | 7.1k | +1568% | - | 3 years ago 1.0.0 | CommonJS | None | Animation, React | |
| @crello/react-lottie React/Typescript wrapper for awesome Airbnb's [lottie-web](https://github.com/airbnb/lottie-web) lib. | 7k | - | - | - | 5 years ago 0.0.11 | ESM + CommonJS | Bundled | TypeScript tooling, React |
| @tsparticles/effect-trail tsParticles trail effect | 7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| react-router-transition A thin layer over react-motion for animating routes in react-router. | 6.9k | +28% | - | 5 years ago 2.1.0 | CommonJS | None | Animation, React | |
| scroll-to Smooth window scroll to position with requestAnimationFrame | 6.9k | -13% | - | 11 years ago 0.0.2 | CommonJS | None | DOM and browser utilities, Animation | |
| generative-loaders Accessible text-streaming, inline activity, and image-generation loaders for React. | 6.9k | - | - | 1 month ago 0.1.1 | ESM only | Bundled | Accessibility, Animation | |
| @qonto/ember-lottie Render lottie after effects animations in Ember.js | 6.9k | - | - | - | 2 years ago 1.1.3 | CommonJS | Bundled | Animation |
| @lottielab/lottie-player Versatile Lottie animation player based on lottie-web. Supports HTML (via Web Components) and React. | 6.8k | - | - | - | 1 year ago 1.1.3 | ESM + CommonJS | Bundled | Animation |
| bodymovin After Effects plugin for exporting animations to SVG + JavaScript or canvas + JavaScript | 6.8k | -16% | - | 8 years ago 4.13.0 | CommonJS | None | Animation | |
| @tsparticles/all All-inclusive tsParticles bundle — all engine packages, plugins, interactions, presets, shapes, updaters, effects, paths, emitters, sounds, and palettes in one dependency. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, | 6.8k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, React |
| react-text-loop-next Create an animated loop of a list of text for your headings | 6.7k | +32% | - | 5 years ago 0.0.3 | ESM + CommonJS | Bundled | Animation, React | |
| @tsparticles/path-curves tsParticles curves path | 6.7k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/shape-rounded-polygon tsParticles rounded polygon shape | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, TypeScript tooling |
| svg-gauge Minimal SVG animated gauge with zero dependencies | 6.6k | -74% | - | - 1.0.7 | CommonJS | Bundled | Animation, Image processing | |
| @tsparticles/interaction-particles-repulse tsParticles repulse particles interaction | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-quart tsParticles easing quart plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/path-perlin-noise tsParticles perlin noise path | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-expo tsParticles easing expo plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-emitters-shape-polygon tsParticles emitters shape polygon plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-infection tsParticles infection plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/effect-bubble tsParticles bubble effect | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-emitters-shape-canvas tsParticles emitters shape canvas plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/plugin-easing-linear tsParticles easing linear plugin | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/path-curl-noise tsParticles curl noise path | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/updater-gradient tsParticles particles gradient updater | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/path-simplex-noise tsParticles simplex noise path | 6.6k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| @tsparticles/path-svg tsParticles svg path | 6.6k | - | - | - | 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.
- ng-animateA library of cool, reusable and flexible animations for Angular
- @vtbag/turn-signalTurn-Signal is a lightweight script that enhances cross-document navigation by detecting the direction of browser navigation. It enables developers to create smooth, responsive transitions that adjust based on forward or backward navigation, delivering a
- @tsparticles/path-utilstsParticles path utils library
- @lottiefiles/dotlottie-react-nativedotlottie react native
- svelte-motionSvelte animation library based on the React library framer-motion.
- ngx-page-scrollConvenience directive for animated scrolling functionality for angular written in pure typescript
- react-text-loopCreate an animated loop of a list of text for your headings
- tramCross-browser CSS3 transitions in JavaScript
- @lottiefiles/dotlottie-solidSolid wrapper around the dotlottie-web library
- react-native-svg-animated-linear-gradientAnimated linear gradient for React Native Svg
- gif.js.optimizedJavaScript GIF encoding library
- nuxt-lottieEasily integrate Lottie animations into your Nuxt project
- react-native-animated-glowA performant, highly-customizable animated glow effect for React Native, powered by Skia and Reanimated.
- @tsparticles/plugin-soundstsParticles sounds plugin
- aurelia-animator-cssAn implementation of the abstract Animator interface from templating which enables css-based animations.
- tegakiFramework-agnostic animated handwriting renderer with React, Svelte, Vue, Nuxt, SolidJS, Astro, and Web Components adapters
- minirafES2015 module to polyfill requestAnimationFrame
- @tsparticles/plugin-polygon-masktsParticles polygon mask plugin
- @animateicons/reactAnimated SVG icons for React with hover and imperative animation triggers. Built on motion/react.
- react-animated-numbersLibrary showing animation of number changes in react.js
- react-animated-cssReact component to show or hide elements with animations using [Animated.css](https://daneden.github.io/animate.css/)
- @lordicon/elementThis package offers developers a convenient method for embedding, controlling, and customizing animated icons from Lordicon within web projects.
- jquery-smooth-scrollAllows for easy implementation of smooth scrolling for same-page links.
- dandelion-animated-sliderAnimated slider component for react
- @crello/react-lottieReact/Typescript wrapper for awesome Airbnb's [lottie-web](https://github.com/airbnb/lottie-web) lib.
- @tsparticles/effect-trailtsParticles trail effect
- react-router-transitionA thin layer over react-motion for animating routes in react-router.
- scroll-toSmooth window scroll to position with requestAnimationFrame
- generative-loadersAccessible text-streaming, inline activity, and image-generation loaders for React.
- @qonto/ember-lottieRender lottie after effects animations in Ember.js
- @lottielab/lottie-playerVersatile Lottie animation player based on lottie-web. Supports HTML (via Web Components) and React.
- bodymovinAfter Effects plugin for exporting animations to SVG + JavaScript or canvas + JavaScript
- @tsparticles/allAll-inclusive tsParticles bundle — all engine packages, plugins, interactions, presets, shapes, updaters, effects, paths, emitters, sounds, and palettes in one dependency. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte,
- react-text-loop-nextCreate an animated loop of a list of text for your headings
- @tsparticles/path-curvestsParticles curves path
- @tsparticles/shape-rounded-polygontsParticles rounded polygon shape
- svg-gaugeMinimal SVG animated gauge with zero dependencies
- @tsparticles/interaction-particles-repulsetsParticles repulse particles interaction
- @tsparticles/plugin-easing-quarttsParticles easing quart plugin
- @tsparticles/path-perlin-noisetsParticles perlin noise path
- @tsparticles/plugin-easing-expotsParticles easing expo plugin
- @tsparticles/plugin-emitters-shape-polygontsParticles emitters shape polygon plugin
- @tsparticles/plugin-infectiontsParticles infection plugin
- @tsparticles/effect-bubbletsParticles bubble effect
- @tsparticles/plugin-emitters-shape-canvastsParticles emitters shape canvas plugin
- @tsparticles/plugin-easing-lineartsParticles easing linear plugin
- @tsparticles/path-curl-noisetsParticles curl noise path
- @tsparticles/updater-gradienttsParticles particles gradient updater
- @tsparticles/path-simplex-noisetsParticles simplex noise path
- @tsparticles/path-svgtsParticles svg path