Skip to content
JS
Package category

Animation

Animate DOM, SVG and canvas elements.

659 packages9 comparisons

Packages compared

659 packages
PackageWeekly downloads12-month change52 weeksGzipLast releaseModuleTypesCategories
react-native-skeleton-loader-pulse
Skeleton Loader Pulse for React Native
2.1k+7273%-4 years ago
1.2.0
CommonJSNoneReact, Animation
dynamics.js
Javascript library to create physics-related animations
2.1k+12%-10 years ago
1.1.5
CommonJSNoneAnimation
@dynatrace/strato-design-tokens
This package contains the visual properties or DNA of Strato, including its colors, typography, spacing, borders, box shadows, elevations, breakpoints, and animations. See [About Strato](https://developer.dynatrace.com/design/about-strato-design-system/)
2.1k---7 days ago
1.7.1
ESM + CommonJSBundledAnimation
react-spring-lightbox
A flexible image gallery lightbox with native-feeling touch gestures and buttery smooth animations, built with react-spring.
2.1k-43%-1 month ago
1.9.0
CommonJSBundledReact, Animation
animate.less
LESS cross-browser animation library. Ready for Twitter Bootstrap. Originally created by Dan Eden.
2k-2%-11 years ago
2.2.0
-NoneAnimation, CSS-in-JS and styling
counterup
A lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.
2k+10%-10 years ago
1.0.2
-NoneAnimation
svelte-transition
Svelte component to transition elements via CSS classes
2k+99%-2 years ago
0.0.17
ESM onlyBundledAnimation, Svelte
@esotericsoftware/spine-pixi
The official Spine Runtimes for the web.
2k---5 months ago
4.1.56
ESM onlyBundledAnimation
react-animation-on-scroll
React component to animate elements on scroll with [animate.css](https://daneden.github.io/animate.css/). This library is re-implementation of [dbramwell/react-animate-on-scroll](https://github.com/dbramwell/react-animate-on-scroll). Re-implemented the ol
1.9k-35%-4 years ago
5.1.0
ESM + CommonJSBundledAnimation, React
@gfazioli/mantine-border-animate
Mantine component offering five border animation variants (beam, glow, pulse, draw, dash) with a progress-driven border, dashed patterns, hover/focus/in-view triggers and full animation control, perfect for creating dynamic, visually engaging UI elements.
1.9k---11 days ago
3.0.2
ESM + CommonJSBundledAnimation, TypeScript tooling
bloom-menu
A morphing menu component that transforms with fluid animations
1.9k--8 months ago
0.1.0
ESM + CommonJSBundledAnimation
raf-loop
a minimal requestAnimationFrame render loop
1.9k+49%-11 years ago
1.1.3
CommonJSNoneAnimation
react-native-image-header-scroll-view
ScrollView with an image in header which become a navbar
1.9k+207%-5 years ago
1.0.0
CommonJSBundledReact, Animation
@xaui/native
Flutter-inspired React Native UI components with native animations powered by React Native Reanimated
1.8k---4 months ago
0.2.8
ESM + CommonJSBundledAnimation, React
@ant-design/hitu
Animation control with Hitu
1.8k---5 years ago
0.0.0-alpha.17
ESM + CommonJSNoneAnimation
@bankify/react-native-animate-number
Animated number component
1.8k---7 years ago
0.2.1
CommonJSNoneAnimation, React
table-dragger
Drag and sort columns and rows of table
1.8k-7%-2 years ago
2.0.5
CommonJSNoneTables and data grids, Animation
animated-tailwindcss
A configuration to use Animate.css with Tailwind CSS
1.8k+38%-3 years ago
4.0.0
ESM + CommonJSBundledCSS-in-JS and styling, Animation
@omnedia/ngx-typewriter
A simple component library to animate text.
1.8k---9 months ago
4.0.1
ESM + CommonJSBundledAnimation
@thangdevalone/meeting-grid-layout-react
React integration for meeting-grid-layout with Motion animations
1.8k---4 months ago
1.9.0
ESM + CommonJSBundledAnimation, React
createjs
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
1.8k-36%-9 years ago
1.0.1
CommonJSNoneAnimation
svelte-disable-preload
![minified](https://img.shields.io/bundlephobia/min/svelte-disable-preload/0.0.2?style=for-the-badge) ![minified + zipped](https://img.shields.io/bundlephobia/minzip/svelte-disable-preload/0.0.2?style=for-the-badge)
1.8k+180%-2 years ago
0.0.3
ESM onlyBundledSvelte, Animation
magic.css
Magic CSS3 animations
1.7k+67%-4 years ago
1.4.8
CommonJSNoneAnimation, CSS-in-JS and styling
jquery.animate-number
jQuery animate number plugin
1.7k-81%-9 years ago
0.0.14
CommonJSNoneAnimation
animated-pose
Pose for the Animated animation library
1.7k+23%-7 years ago
1.2.3
CommonJSBundledAnimation
jos-animation
An animation library package to instantly add beautiful/professional looking animation to your website
1.7k+464%-2 years ago
0.9.2
CommonJSNoneAnimation, CSS-in-JS and styling
expo-thinking-orbs
AI thinking indicator and voice agent orb for React Native and Expo. Six dotted loading animations plus an audio-reactive voice orb, drawn on the UI thread with Skia and Reanimated.
1.7k--1 month ago
0.2.1
ESM + CommonJSBundledAnimation
leaflet.marker.slideto
A plugin for LeafletJS to smoothly move (slide) markers to a new location.
1.7k+41%-4 years ago
0.3.0
CommonJSNoneAnimation, Maps and geolocation
@gfazioli/mantine-text-animate
The TextAnimate component allows you to animate text with various effects.
1.7k---11 days ago
4.0.10
ESM + CommonJSBundledAnimation, React
react-animation-components
A set of react transition components for basic animations.
1.6k+90%-8 years ago
3.0.0
CommonJSNoneAnimation, React
react-pose-core
Factory for creating flavours of React Pose
1.6k+15%-7 years ago
0.5.0
CommonJSBundledAnimation
@tsparticles/palette-confetti
tsParticles confetti palette
1.6k---25 days ago
4.4.0
ESM + CommonJSBundledAnimation, Angular
tweenjs
TweenJS is a simple tweening library for use in Javascript. It was developed to integrate well with the EaselJS library, but is not dependent on or specific to it (though it uses the same Ticker and Event classes by default). It supports tweening of both
1.6k+10%-9 years ago
1.0.2
CommonJSNoneAnimation
vue-kinesis
Easily create complexe interactive animations with Vue.js
1.6k-52%-5 years ago
1.3.3
ESM + CommonJSNoneAnimation, Vue
@tsparticles/svelte
Official tsParticles Svelte Component - 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 Web Components, React, Vue.js (2.x and
1.6k---25 days ago
4.4.0
ESM onlyBundledAnimation, React
scrollto-with-animation
Animated scroll with requestAnimationFrame. For smooth animate scrollTo defining the easing, running at 60FPS and cross-browser
1.6k-61%-6 years ago
3.0.4
CommonJSNoneAnimation, DOM and browser utilities
react-fullscreen-image
An accessible, fast, and animated fullscreen React image viewer.
1.6k+113%-7 years ago
0.0.3
CommonJSNoneAnimation, React
react-transition-group-plus
More full featured transition group for react
1.5k-51%-8 years ago
0.5.3
CommonJSNoneReact, Animation
lightslider
jQuery lightSlider is a lightweight responsive content slider - carousel with animated thumbnails navigation
1.5k-35%-9 years ago
1.1.6
CommonJSNoneUI component libraries, Animation
flipping
Flipping awesome animations.
1.5k-26%-8 years ago
1.1.0
CommonJSBundledAnimation
meshy-cli
Official command-line interface for the Meshy AI API — text-to-3D, image-to-3D, text-to-motion, remesh, UV unwrap, rigging, animate, retexture, 2D images, multi-color print, Creative Lab, balance — plus selective downloads, project folders, face checks, O
1.5k---
0.4.0
ESM onlyBundledCLI tools and terminal utilities, Animation
prettlog
A terminal logging utility that overwrites previous output, ideal for progress bars, live updates, and animations.
1.5k--4 months ago
4.7.0
ESM onlyBundledCLI tools and terminal utilities, Logging
kinetic
![div](https://raw.githubusercontent.com/lavrton/KineticJS/master/resources/logo.png)
1.4k-3%-11 years ago
5.2.0
CommonJSNoneAnimation, 3D, WebGL and game engines
tsparticles-preset-confetti
tsParticles confetti preset
1.4k-14%--
2.12.0
ESM + CommonJSBundledAnimation, React
easing
Easing Functions Without the Framework Cruft
1.4k+71%-7 years ago
1.2.1
CommonJSNoneAnimation
@crossfox/react-animated-number
A lightweight JavaScript component designed for creating smooth and visually appealing animated transitions between different states or values, enhancing user experience in web applications.
1.4k---2 years ago
1.0.18
ESM onlyBundledAnimation, React
@wolsok/thanos
Wolf Soko's implementation of a cool Thanos snapping vaporizing effect for destroying dom elements
1.4k---9 days ago
17.0.29
ESM + CommonJSBundledAnimation, Angular
react-native-simple-animations
A React Native component that adds simple entrance, exit, and attention-seeking animations to a child component.
1.4k+1280%-4 years ago
0.3.1
CommonJSNoneAnimation, React
pixi-ease
an animation library using easing functions
1.4k+13%-5 years ago
3.0.7
ESM + CommonJSBundledAnimation, 3D, WebGL and game engines
angular-motion
AngularMotion - Fancy CSS3 animations for AngularJS
1.3k-25%--
0.4.4
CommonJSNoneAnimation, 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.

  • react-native-skeleton-loader-pulseSkeleton Loader Pulse for React Native
  • dynamics.jsJavascript library to create physics-related animations
  • @dynatrace/strato-design-tokensThis package contains the visual properties or DNA of Strato, including its colors, typography, spacing, borders, box shadows, elevations, breakpoints, and animations. See [About Strato](https://developer.dynatrace.com/design/about-strato-design-system/)
  • react-spring-lightboxA flexible image gallery lightbox with native-feeling touch gestures and buttery smooth animations, built with react-spring.
  • animate.lessLESS cross-browser animation library. Ready for Twitter Bootstrap. Originally created by Dan Eden.
  • counterupA lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.
  • svelte-transitionSvelte component to transition elements via CSS classes
  • @esotericsoftware/spine-pixiThe official Spine Runtimes for the web.
  • react-animation-on-scrollReact component to animate elements on scroll with [animate.css](https://daneden.github.io/animate.css/). This library is re-implementation of [dbramwell/react-animate-on-scroll](https://github.com/dbramwell/react-animate-on-scroll). Re-implemented the ol
  • @gfazioli/mantine-border-animateMantine component offering five border animation variants (beam, glow, pulse, draw, dash) with a progress-driven border, dashed patterns, hover/focus/in-view triggers and full animation control, perfect for creating dynamic, visually engaging UI elements.
  • bloom-menuA morphing menu component that transforms with fluid animations
  • raf-loopa minimal requestAnimationFrame render loop
  • react-native-image-header-scroll-viewScrollView with an image in header which become a navbar
  • @xaui/nativeFlutter-inspired React Native UI components with native animations powered by React Native Reanimated
  • @ant-design/hituAnimation control with Hitu
  • @bankify/react-native-animate-numberAnimated number component
  • table-draggerDrag and sort columns and rows of table
  • animated-tailwindcssA configuration to use Animate.css with Tailwind CSS
  • @omnedia/ngx-typewriterA simple component library to animate text.
  • @thangdevalone/meeting-grid-layout-reactReact integration for meeting-grid-layout with Motion animations
  • createjsA suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
  • svelte-disable-preload![minified](https://img.shields.io/bundlephobia/min/svelte-disable-preload/0.0.2?style=for-the-badge) ![minified + zipped](https://img.shields.io/bundlephobia/minzip/svelte-disable-preload/0.0.2?style=for-the-badge)
  • magic.cssMagic CSS3 animations
  • jquery.animate-numberjQuery animate number plugin
  • animated-posePose for the Animated animation library
  • jos-animationAn animation library package to instantly add beautiful/professional looking animation to your website
  • expo-thinking-orbsAI thinking indicator and voice agent orb for React Native and Expo. Six dotted loading animations plus an audio-reactive voice orb, drawn on the UI thread with Skia and Reanimated.
  • leaflet.marker.slidetoA plugin for LeafletJS to smoothly move (slide) markers to a new location.
  • @gfazioli/mantine-text-animateThe TextAnimate component allows you to animate text with various effects.
  • react-animation-componentsA set of react transition components for basic animations.
  • react-pose-coreFactory for creating flavours of React Pose
  • @tsparticles/palette-confettitsParticles confetti palette
  • tweenjsTweenJS is a simple tweening library for use in Javascript. It was developed to integrate well with the EaselJS library, but is not dependent on or specific to it (though it uses the same Ticker and Event classes by default). It supports tweening of both
  • vue-kinesisEasily create complexe interactive animations with Vue.js
  • @tsparticles/svelteOfficial tsParticles Svelte Component - 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 Web Components, React, Vue.js (2.x and
  • scrollto-with-animationAnimated scroll with requestAnimationFrame. For smooth animate scrollTo defining the easing, running at 60FPS and cross-browser
  • react-fullscreen-imageAn accessible, fast, and animated fullscreen React image viewer.
  • react-transition-group-plusMore full featured transition group for react
  • lightsliderjQuery lightSlider is a lightweight responsive content slider - carousel with animated thumbnails navigation
  • flippingFlipping awesome animations.
  • meshy-cliOfficial command-line interface for the Meshy AI API — text-to-3D, image-to-3D, text-to-motion, remesh, UV unwrap, rigging, animate, retexture, 2D images, multi-color print, Creative Lab, balance — plus selective downloads, project folders, face checks, O
  • prettlogA terminal logging utility that overwrites previous output, ideal for progress bars, live updates, and animations.
  • kinetic![div](https://raw.githubusercontent.com/lavrton/KineticJS/master/resources/logo.png)
  • tsparticles-preset-confettitsParticles confetti preset
  • easingEasing Functions Without the Framework Cruft
  • @crossfox/react-animated-numberA lightweight JavaScript component designed for creating smooth and visually appealing animated transitions between different states or values, enhancing user experience in web applications.
  • @wolsok/thanosWolf Soko's implementation of a cool Thanos snapping vaporizing effect for destroying dom elements
  • react-native-simple-animationsA React Native component that adds simple entrance, exit, and attention-seeking animations to a child component.
  • pixi-easean animation library using easing functions
  • angular-motionAngularMotion - Fancy CSS3 animations for AngularJS