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.

• mafsReact components for interactive, animated math visualizations.
• @freakycoder/react-native-bounceableAnimate and bounce any component with RNBounceable for React Native
• pretty-checkboxA pure css library to beautify checkbox and radio buttons.
• simple-parallax-jssimpleParallax.js is a lightweight and easy-to-use JS library that adds parallax animations to any image.
• @rive-app/canvas-advancedRive's lightweight low-level canvas based web api.
• react-animationsA collection of animations for inline styles
• @esotericsoftware/spine-canvasThe official Spine Runtimes for the web.
• react-cool-inviewReact hook to monitor an element enters or leaves the viewport (or another element).
• @visactor/react-vchartThe react version of VChart 4.x
• @gluestack-style/legend-motion-animation-driverA gluestack-style plugin for animation support using legendapp motion library
• @gluestack-style/animation-resolverA gluestack-style plugin for resolving animation properties, utilizing animation libraries.
• rc-tween-onetween-one anim component for react
• domq.jsA modular DOM manipulation library.
• scrollmagicThe javascript library for magical scroll interactions.
• super-animejsJavaScript animation engine
• img-fxAnimated WebGL image-generation / loader effect for React cards
• is-animatedDetects animated images in browser & node. Supports GIF, APNG, WebP & AVIF
• @thi.ng/transducersCollection of ~170 lightweight, composable transducers, reducers, generators, iterators for functional data transformations
• @swup/astroSmooth page transitions, smart preloading and more in Astro
• react-text-transitionA React plugin that animates your text when it changes.
• react-slot-counterMake Your Numbers Pop: Simple and Dynamic Counters for Your UI
• @capgo/capacitor-transitionsFramework-agnostic page transitions for Capacitor apps - iOS-style navigation without opinions
• el-transitionApply Enter/Leave Transitions
• glsl-easingsRobert Penner's easing functions in GLSL, available as a module for glslify.
• vue-smooth-reflowTransition reflow in response to vue data changes.
• mat4-recomposerecomposes a 4x4 matrix
• mat4-decomposedecomposes a 3D matrix
• mat4-interpolateinterpolates two matrices in place
• @syncfusion/ej2-circulargaugeEssential JS 2 CircularGauge Components
• ai-motionA minimal WebGL2 ESM library for AI-style motion mask animation.
• jquery.scrolltoLightweight, cross-browser and highly customizable animated scrolling with jQuery
• liquid-gooeyLiquid UI effects for React: Morph (gooey merge, jelly shape change, contact dissolve), Move (liquid-rubber trails), Melt (two images running molten into each other) and Bend (bodies that bow with velocity). SVG-filter silhouette layer + crisp content lay
• malevicMalevič.js - minimalistic reactive UI library
• slidetoggleSmall library that replaces the so-loved jQuery function
• tailwind-animateA v4.0 compatible Tailwind CSS plugin for creating beautiful animations, replacing `tailwindcss-animate`. Includes custom animations like `accordion-up` and `accordion-down`, and more!
• motion-panelsResizable panels animated with Motion. Framework-agnostic core, unstyled, no layout library.
• toastify-react-native🎉 toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!
• ember-animatedCore animation primitives for Ember
• @syncfusion/ej2-lineargaugeEssential JS 2 LinearGauge Components
• number-flow-react-nativeBeautiful number animations for React Native: digit-by-digit rolling counter, currency ticker, time display, and odometer with View-based and Skia renderers. Full Intl.NumberFormat support.
• react-native-circular-progress-indicatorReact Native customizable circular progress indicator
• @openng/optimus-ui-motionMotion utilities for Optimus UI Libraries
• sweet-scrollModern and the sweet smooth scroll library.
• placeholder-loadingSimple and flexible, css only, content placeholder loading animation.
• @esotericsoftware/spine-playerThe official Spine Runtimes for the web.
• ease-componentEasing functions (for canvas etc)
• react-draggable-listMake a list of draggable collapsible items.
• @douyinfe/semi-animationanimation base library for semi-ui
• gridoraAnimated grid loaders for React — variants, custom sequences, effects, shapes and color ramps.
• ember-css-transitionsEmber implementation of CSS Transitions. Just like ng-animate and react animation but for Ember.

• log-update vs chalk-animation
• konva vs @lottiefiles/dotlottie-web
• animejs vs svg.js
• @lottiefiles/dotlottie-web vs animejs
• konva vs animejs
• canvas-confetti vs @lottiefiles/dotlottie-web
• canvas-confetti vs konva
• canvas-confetti vs animejs
• animejs vs animate.css