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-theme-switch-animation A Plug & Play Animations for Switching (Dark/Light) Themes. 🌖 | 1.3k | +29% | - | 2 years ago 0.8.0 | ESM + CommonJS | Bundled | Animation, React | |
| jquerykeyframes jQuery-Keyframes allows dynamic generation of CSS3 keyframes with callback events and other niceness. | 1.3k | +239% | - | - 2.0.0 | CommonJS | None | Animation | |
| react-animate-on-change Animate your components on state change | 1.3k | +4% | - | 7 years ago 2.2.0 | CommonJS | None | Animation, React | |
| react-native-progress-wheel A better way to show animated progress in a circle. | 1.3k | -5% | - | 2 years ago 2.1.0 | CommonJS | Bundled | Animation, React | |
| manim-web Manim-like mathematical animation library for the web | 1.3k | - | - | 2 months ago 0.3.24 | ESM only | Bundled | Animation, 3D, WebGL and game engines | |
| @vosjs/cli The vos CLI: record the real product from a scripted browser flow, auto-zoom from the cursor track, cut as data in doc.json, render deterministic video and stills, deliver a release's media per destination spec, and sync with vos.so. One binary, every ver | 1.3k | - | - | - | 1 day ago 0.47.0 | ESM only | Bundled | Animation, CLI tools and terminal utilities |
| vue3-flashcards Tinder-like flashcards component with dragging and flipping | 1.3k | +1075% | - | 3 months ago 2.0.0 | ESM + CommonJS | Bundled | Animation, Vue | |
| @domchristie/turn Animate page transitions in Turbo Drive apps. | 1.2k | - | - | - | 3 years ago 3.1.1 | ESM only | None | Animation |
| react-native-swipeable-list A Swipeable FlatList for React-Native with Quick Actions & Animations | 1.2k | -44% | - | 4 years ago 0.1.2 | CommonJS | None | Animation, React | |
| request-animation-frames Use requestAnimationFrame as an async iterable, in any JavaScript environment | 1.2k | +78% | - | 2 years ago 1.0.0 | ESM only | Bundled | Animation, Polyfills and shims | |
| react-show react-show React component | 1.2k | +17% | - | 8 years ago 3.0.4 | ESM + CommonJS | None | React, Animation | |
| @hypernym/nuxt-gsap GSAP module for Nuxt. | 1.1k | - | - | - | 2 years ago 2.4.3 | ESM only | Bundled | Vue, Animation |
| react-scroll-up-button React component Scroll up button, fixed button to scrolll up to desired position | 1.1k | -23% | - | 7 years ago 1.6.4 | CommonJS | None | React, UI component libraries | |
| leaflet.smooth_marker_bouncing Smooth animation of marker bouncing for Leaflet. | 1.1k | +14% | - | - 3.1.1 | ESM only | None | Animation | |
| smoothscroll-for-websites Smooth scrolling experience for websites. This is the standalone version of SmoothScroll for individual websites and themes. Mouse wheel, keyboard and touchpad scrolling all supported. | 1.1k | +43% | - | 2 years ago 1.5.1 | CommonJS | None | Animation | |
| eases-jsnext grab bag of easing equations | 1.1k | -19% | - | 9 years ago 1.0.10 | ESM + CommonJS | None | Animation | |
| vue-loaders Vue component wrappers for loaders.css (https://github.com/ConnorAtherton/loaders.css) | 1.1k | +26% | - | 5 years ago 4.1.4 | ESM + CommonJS | Bundled | Animation, Vue | |
| tsparticles-confetti Easily create highly customizable particle 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. | 1.1k | -49% | - | - 2.12.0 | ESM + CommonJS | Bundled | Animation, React | |
| tsparticles-shape-heart tsParticles heart shape | 1.1k | -51% | - | - 2.12.0 | ESM + CommonJS | Bundled | Animation, Angular | |
| @tsparticles/preset-fireworks tsParticles fireworks preset | 1.1k | - | - | - | 25 days ago 4.4.0 | ESM + CommonJS | Bundled | Animation, Angular |
| ssr-scroll-to Smooth window scroll to position with requestAnimationFrame | 1k | -7% | - | 9 years ago 0.0.2 | CommonJS | None | DOM and browser utilities, Animation | |
| react-native-advanced-checkbox Customizable, animated checkbox component for React Native with group support, haptic feedback, and accessibility features, compatible with React Native 0.72.0 and above. | 1k | +423% | - | - 2.0.7 | CommonJS | Bundled | Accessibility, React | |
| tsparticles-shape-cards tsParticles cards shape | 981 | - | - | - | - 2.12.0 | ESM + CommonJS | Bundled | Animation, Angular |
| velocity-ui-pack Accelerated JavaScript animation. | 962 | - | - | - | - 1.2.2 | CommonJS | None | Animation |
| react-native-pose Pose animation system for React Native | 948 | - | - | - | 7 years ago 0.9.1 | CommonJS | Bundled | Animation |
| mouse-follower A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website. | 880 | - | - | - | - 1.2.1 | ESM + CommonJS | Bundled | Animation, Video and audio |
| kute.js JavaScript animation engine | 862 | - | - | - | - 2.2.6 | ESM only | Bundled | Animation |
| spritespin jQuery plugin for creating flipbook animations | 849 | - | - | - | - 4.1.0 | ESM + CommonJS | Bundled | Animation |
| alrdy-animate Attribute-driven scroll-animation and interactive-component library. GSAP is loaded externally as a peer dependency. | 752 | - | - | - | - 8.1.3 | ESM + CommonJS | Bundled | Animation |
| particlesjs A lightweight, dependency-free and responsive javascript plugin for particle backgrounds. | 751 | - | - | - | - 2.2.3 | CommonJS | None | Animation |
| lobibox jQuery Responsive notification plugin | 679 | - | - | - | - 1.2.7 | - | None | Animation |
| dom-slider Plain JavaScript version of jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none. | 675 | - | - | - | - 2.2.1 | CommonJS | None | Animation |
| jquery.stellar Parallax scrolling made easy. | 674 | - | - | - | - 0.6.2 | - | None | DOM and browser utilities, Animation |
| greensock Think of GSAP as the Swiss Army Knife of animation. It animates anything JavaScript can touch (CSS properties, canvas library objects, SVG, generic objects, whatever) and solves countless browser inconsistencies, all with blazing speed (up to 20x faster t | 545 | - | - | - | - 1.20.2 | CommonJS | None | Animation |
| jcarousel Riding carousels with jQuery | 504 | - | - | - | - 0.3.9 | CommonJS | None | Animation, UI component libraries |
| jquery.localscroll Animated anchor navigation made easy with jQuery | 491 | - | - | - | - 2.0.0 | CommonJS | None | Animation |
| leaflet.polyline.snakeanim Animates Leaflet polylines so they creep into full length | 479 | - | - | - | - 0.2.0 | CommonJS | None | Animation |
| animsition A simple and easy jQuery plugin for CSS animated page transitions. | 414 | - | - | - | - 4.0.2 | CommonJS | None | Animation |
| jquery-bez Specify jQuery easing functions as cubic-bezier co-ordinates | 373 | - | - | - | - 1.0.11 | CommonJS | None | Animation |
| usal Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨ | 260 | - | - | - | - 2.0.0 | ESM only | Bundled | Animation, DOM and browser utilities |
| drawsvg Lightweight, simple to use jQuery plugin to animate SVG paths | 157 | - | - | - | - 1.1.0 | CommonJS | None | Animation |
| textillate A simple plugin for CSS3 text animations | 127 | - | - | - | - 0.4.1 | CommonJS | None | Animation |
| trig-js Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for s | 116 | - | - | - | - 4.2.1 | CommonJS | None | Animation |
| smoothstate Unobtrusive page transitions with jQuery. | 112 | - | - | - | - 0.7.2 | CommonJS | None | Animation |
| material-scrolltop Lightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery) | 104 | - | - | - | - 2.0.1 | CommonJS | Bundled | Animation, CSS-in-JS and styling |
| canvasparticles-js In an HTML canvas, a bunch of interactive particles connected with lines when they approach each other. | 93 | - | - | - | - 4.5.6 | ESM + CommonJS | Bundled | Animation |
| ken-burns-carousel Web component displaying an image carousel with ken burns effect | 90 | - | - | - | - 0.2.5 | CommonJS | None | Animation, UI component libraries |
| joshjs A JavaScript library to animate content on page scroll. | 70 | - | - | - | - 1.0.8 | CommonJS | None | Animation |
| swiper-animation Easier way to run animations on swiper. | 67 | - | - | - | - 2.0.2 | ESM + CommonJS | None | Animation |
| jquery-shadow-animation Animate all aspects of a shadow: the color, the x- and y-offset, the blur-radius and spread-radius. | 63 | - | - | - | - 1.12.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.
- react-native-theme-switch-animationA Plug & Play Animations for Switching (Dark/Light) Themes. 🌖
- jquerykeyframesjQuery-Keyframes allows dynamic generation of CSS3 keyframes with callback events and other niceness.
- react-animate-on-changeAnimate your components on state change
- react-native-progress-wheelA better way to show animated progress in a circle.
- manim-webManim-like mathematical animation library for the web
- @vosjs/cliThe vos CLI: record the real product from a scripted browser flow, auto-zoom from the cursor track, cut as data in doc.json, render deterministic video and stills, deliver a release's media per destination spec, and sync with vos.so. One binary, every ver
- vue3-flashcardsTinder-like flashcards component with dragging and flipping
- @domchristie/turnAnimate page transitions in Turbo Drive apps.
- react-native-swipeable-listA Swipeable FlatList for React-Native with Quick Actions & Animations
- request-animation-framesUse requestAnimationFrame as an async iterable, in any JavaScript environment
- react-showreact-show React component
- @hypernym/nuxt-gsapGSAP module for Nuxt.
- react-scroll-up-buttonReact component Scroll up button, fixed button to scrolll up to desired position
- leaflet.smooth_marker_bouncingSmooth animation of marker bouncing for Leaflet.
- smoothscroll-for-websitesSmooth scrolling experience for websites. This is the standalone version of SmoothScroll for individual websites and themes. Mouse wheel, keyboard and touchpad scrolling all supported.
- eases-jsnextgrab bag of easing equations
- vue-loadersVue component wrappers for loaders.css (https://github.com/ConnorAtherton/loaders.css)
- tsparticles-confettiEasily create highly customizable particle 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-shape-hearttsParticles heart shape
- @tsparticles/preset-fireworkstsParticles fireworks preset
- ssr-scroll-toSmooth window scroll to position with requestAnimationFrame
- react-native-advanced-checkboxCustomizable, animated checkbox component for React Native with group support, haptic feedback, and accessibility features, compatible with React Native 0.72.0 and above.
- tsparticles-shape-cardstsParticles cards shape
- velocity-ui-packAccelerated JavaScript animation.
- react-native-posePose animation system for React Native
- mouse-followerA powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
- kute.jsJavaScript animation engine
- spritespinjQuery plugin for creating flipbook animations
- alrdy-animateAttribute-driven scroll-animation and interactive-component library. GSAP is loaded externally as a peer dependency.
- particlesjsA lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
- lobiboxjQuery Responsive notification plugin
- dom-sliderPlain JavaScript version of jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none.
- jquery.stellarParallax scrolling made easy.
- greensockThink of GSAP as the Swiss Army Knife of animation. It animates anything JavaScript can touch (CSS properties, canvas library objects, SVG, generic objects, whatever) and solves countless browser inconsistencies, all with blazing speed (up to 20x faster t
- jcarouselRiding carousels with jQuery
- jquery.localscrollAnimated anchor navigation made easy with jQuery
- leaflet.polyline.snakeanimAnimates Leaflet polylines so they creep into full length
- animsitionA simple and easy jQuery plugin for CSS animated page transitions.
- jquery-bezSpecify jQuery easing functions as cubic-bezier co-ordinates
- usalUltimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨
- drawsvgLightweight, simple to use jQuery plugin to animate SVG paths
- textillateA simple plugin for CSS3 text animations
- trig-jsTrig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for s
- smoothstateUnobtrusive page transitions with jQuery.
- material-scrolltopLightweight, Material Design inspired plugin for scrolling on top of the html page (with jQuery)
- canvasparticles-jsIn an HTML canvas, a bunch of interactive particles connected with lines when they approach each other.
- ken-burns-carouselWeb component displaying an image carousel with ken burns effect
- joshjsA JavaScript library to animate content on page scroll.
- swiper-animationEasier way to run animations on swiper.
- jquery-shadow-animationAnimate all aspects of a shadow: the color, the x- and y-offset, the blur-radius and spread-radius.