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.

• vue-content-loadingVue component to easily build (or use presets) SVG loading cards Facebook like.
• skilluiReverse-engineer design systems from any website, repo, or project. Extracts colors, fonts, spacing, animations, and components - packaged as a .skill file for Claude. Pure static analysis, zero AI, zero API keys.
• css-keyframerDynamic css animation keyframes Manipulation library.
• react-native-lottie-splash-screenA lottie splash screen for react-native, hide when application loaded ,it works on iOS and Android.
• @tsparticles/angularOfficial tsParticles Angular 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
• @tsparticles/preset-snowtsParticles snow preset
• @vanyapr/transition-hook☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group
• @tsparticles/preset-linkstsParticles links preset
• gradflowBeautiful animated WebGL gradients for React
• scenejsJavaScript & CSS timeline-based animation library
• @jiaminghi/transitionDynamic effect plugin based Bezier Curve
• @aarsteinmedia/dotlottie-playerWeb Component for playing Lottie animations in your web app.
• use-animation-frameA React hook to run requestAnimationFrame seamlessly
• scroll-timeline-polyfillA polyfill for scroll-driven animations on the web via ScrollTimeline
• maquetteMinimalistic Virtual DOM implementation with support for animated transitions.
• odometer_countupPlugin for countUp.js with odometer or barrel style numbers
• capacitor-lottie-splash-screenLottie Splash Screen plugin for Capacitor
• lax.jsSimple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
• font-awesome-animation> Simple animations using some CSS3 I found on the web. > Best used on glyphicons like [FontAwesome][]
• animatewithsassA SASS port of Dan Eden's Animate.css
• react-tiny-transitionA small component that adds class names on mount/unmount for you to add css transitions to
• @wellyshen/use-web-animationsReact hook for highly-performant and manipulable animations using Web Animations API.
• react-tiny-crossfadeA component that helps you apply transitions when replacing one component with another
• blobsRandom blob generation and animation
• @norbert_bodziony/bloubSVG recreation of the x.ai bot avatar. One shape morphing through 14 states, measured off the reference video frame by frame.
• @aarsteinmedia/lottie-webPlay animations generated in After Effects in the browser
• mixitupA high-performance, dependency-free library for animated filtering, sorting and more
• react-just-parallaxReact library for scroll and mousemove parallax effect ✨ Open source, production-ready
• sal.jsPerformance focused, lightweight scroll animation library
• char-flowCharFlow — lightweight animated alphanumeric text for license plates, codes, and flowing paragraphs
• varaVara can create realistic text drawing animations using SVG and a JSON file that acts as font
• pjaxEasily enable fast AJAX navigation on any website (using pushState + XHR)
• react-svg-spinners> A collection of [SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners) components for React.
• @rive-app/canvas-singleRive's high-level canvas based web api all in one js file.
• @tsparticles/palette-snowfalltsParticles snowfall palette
• @kitlangton/rolling-numberInterruptible, locale-aware rolling numbers for the web.
• easy-scrollA tiny native JavaScript library to facilitate smooth scroll in an HTML element over a duration using transition timing functions or bezier curve points.
• remodalResponsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
• css-animation-syncSynchronise and control CSS Animations
• react-scroll-motionEasy to make scroll animation with ReactJS
• easing-functionsRobert Penner's easing functions
• @humanspeak/svelte-motionFramer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values
• motion-primitivesCLI to add beautiful, animated components to your app
• tsparticles-plugin-motiontsParticles motion sickness plugin
• jquery.counterupjquery.counterup is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.
• animated-number-vueA vue component with number animation
• slide-elementA tiny, accessible, Promise-based, jQuery-reminiscent library for hiding and showing elements in a sliding fashion.
• lottie-vuejsA simple wrapper for integrating lottie-web into VueJs
• react-animated-sliderAnimated slider component for react
• jquery.transitSmooth CSS3 transitions and transformations for jQuery.

• 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