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.

• @lordicon/reactThis library allows you to easily integrate the playback of Lordicon icons into a React application.
• style-helpersCSS helpers framework
• react-native-deck-swiperAwesome tinder like card swiper for react-native. Highly Customizable!
• swapy_A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code._
• @douyinfe/semi-animation-styledsemi styled animation
• lottie-web-vueAirbnb Lottie-web component for Vue.js projects
• tailwindcss-animatecssAdd Animate CSS as Tailwind CSS plugin to your project.
• react-animated-numberReact component for animating numbers
• rc-queue-animQueue animation component for react
• react-scroll-upReact component to render element for scroll to top of page
• orb-uiReact voice agent UI components with audio-reactive adapters for Vapi, ElevenLabs, LiveKit, Pipecat, OpenAI Live, OpenAI Realtime, Gemini Live, and custom voice AI apps.
• react-native-typing-animationA React Native typing animation for your chat app based on simple trigonometry to create better loaders.
• js-easing-functionsJavascript easing functions based upon jQuery's easing functions, using Robert Penner's easing equations
• angular-animationsAngular Animations Utilities
• gifencoderStreaming server-side animated (and non-animated) gif generation for node.js
• ngx-page-scroll-coreAnimated scrolling functionality for angular written in pure typescript
• rafuMinimal requestAnimationFrame shim and utility
• tweedle.jsTweedle.js is a fork of tween.js made to fit my needs.
• react-native-graph📈 Beautiful, high-performance Graphs and Charts for React Native
• @thi.ng/mathAssorted common math functions & utilities
• goey-toastA gooey, morphing toast component built on Sonner with Framer Motion animations
• react-flip-numbersreact flip your numbers
• @rive-app/webglRive's webgl based web api.
• animation-busDefine different animation stops relative to another value.
• voice-glowSound-reactive glow for React — a centered, colorful beam along the bottom edge that rises and blooms with voice intensity
• react-smooth-collapseReact component for animating showing or hiding an element.
• typeitThe most versatile animated typing utility on the planet.
• pennerPenner's easing equations, in JavaScript
• jquery-colorjQuery plugin for color manipulation and animation support.
• gradient-shimmerA zero-dependency React text shimmer that sweeps a multi-stop gradient highlight across your text. Web-Animations-API driven — no CSS import, no Tailwind.
• scrollrevealAnimate elements as they scroll into view
• ngx-countupAnimates a numerical value by counting to it.
• rafzrequestAnimationFrame for libraries
• @solid-primitives/presenceUtility to animate the presence of an element based on the existence of data or lack thereof.
• image-in-browserPackage for encoding / decoding images, transforming images, applying filters, drawing primitives on images on the client side (no need for server Node.js)
• calligraphFluid text transitions powered by Motion
• use-scrambleReact hook for random text animations
• react-native-scrollingEasy and simple to use React Native declarative scrolling for config and animation. Supporting both iOS and Android. Free and made possible along with costly maintenance and updates by [Lue Hang](https://www.facebook.com/lue.hang) (the author).
• react-native-image-transformerAn easy and simple to use React Native component to transform and translate an image with gestures like pan, pinch and double tap. Supporting both iOS and Android. Free and made possible along with costly maintenance and updates by [Lue Hang](https://www
• @morev/vue-transitionsShareable Vue transitions library
• component-rafrequest animation frame
• @react-spring/parallax```bash yarn add @react-spring/parallax ```
• react-native-notifierFast and simple in-app notifications for React Native
• component-tweenMotion tween engine using 'ease'
• @dayflow/blossom-color-pickerA beautiful, blooming color picker — standalone vanilla JS
• scrollmagic-plugin-gsapAdd animation.gsap.js plugin to ScrollMagic in ES6 with no problems
• react-wavifyAnimated wave component for React
• tween.jsSuper simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.
• astro-vtbotThe 👜 Bag of Tricks ✨ for Astro's View Transitions
• @vtbag/inspection-chamberThe Inspection Chamber is an in-browser development tool that gives you all the knobs and dials to interactively put your view transitions through their paces.

• 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