Updated: Mar 13, 2023
Guide Kit React libraries enable developers to craft fluid user interfaces with reusable, ready UI code components. Creating animations is more convenient with the JavaScript virtual DOM programming model of React as compared to the traditional DOM, which helps in boosting performance. Props-based data binding in React libraries enables better flow, efficient debugging and also helps developers reduce some of the boilerplates. Using React libraries gives a coder a cleaner, more responsive approach to animations since the code is easier to reason about. An open platform React animation library supports full-stack programming, making it a holistic solution for web and app-based animations. Presented below is an updated JavaScript library list for React animation packages. lottie-web - Effects animations natively; react-motion - A spring that solves your animation problems; react-native-animatable - Standard set of easy to use animations.
lottie-webby airbnb
28525 Version:CurrentRender After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
lottie-webby airbnb
JavaScript 28525 Version:Current License: Permissive (MIT)
react-motionby chenglou
21497 Version:v0.5.2A spring that solves your animation problems.
react-motionby chenglou
JavaScript 21497 Version:v0.5.2 License: Permissive (MIT)
react-sortable-hocby clauderic
10492 Version:CurrentA set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-sortable-hocby clauderic
JavaScript 10492 Version:Current License: Permissive (MIT)
react-native-animatableby oblador
9515 Version:v1.3.3Standard set of easy to use animations and declarative transitions for React Native
react-native-animatableby oblador
JavaScript 9515 Version:v1.3.3 License: Permissive (MIT)
react-transition-groupby reactjs
9847 Version:v4.4.5An easy way to perform animations when a React component enters or leaves the DOM
react-transition-groupby reactjs
JavaScript 9847 Version:v4.4.5 License: Others (Non-SPDX)
react-moveby sghall
6542 Version:v6.1.0React Move | Beautiful, data-driven animations for React
react-moveby sghall
JavaScript 6542 Version:v6.1.0 License: Permissive (MIT)
react-native-reanimatedby software-mansion
7338 Version:3.3.0React Native's Animated library reimplemented
react-native-reanimatedby software-mansion
TypeScript 7338 Version:3.3.0 License: Permissive (MIT)
react-burger-menuby negomi
4914 Version:v2.0.0:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
react-burger-menuby negomi
JavaScript 4914 Version:v2.0.0 License: Permissive (MIT)
react-game-kitby FormidableLabs
4580 Version:CurrentComponent library for making games with React & React Native
react-game-kitby FormidableLabs
JavaScript 4580 Version:Current License: Permissive (MIT)
ant-motionby ant-design
4480 Version:1.7.0:bicyclist: Animate specification and components of Ant Design
ant-motionby ant-design
JavaScript 4480 Version:1.7.0 License: Permissive (MIT)
pixel-art-reactby jvalen
4840 Version:v3.8.1Pixel art animation and drawing web app powered by React
pixel-art-reactby jvalen
JavaScript 4840 Version:v3.8.1 License: Permissive (MIT)
react-overdriveby berzniz
2993 Version:CurrentSuper easy magic-move transitions for React apps
react-overdriveby berzniz
JavaScript 2993 Version:Current License: Permissive (MIT)
react-animationsby FormidableLabs
3057 Version:v0.1.0🎊 A collection of animations for inline style libraries
react-animationsby FormidableLabs
JavaScript 3057 Version:v0.1.0 License: Permissive (MIT)
react-native-textinput-effectsby halilb
2905 Version:v0.6.3Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.
react-native-textinput-effectsby halilb
JavaScript 2905 Version:v0.6.3 License: Permissive (MIT)
react-flightby jondot
2820 Version:CurrentThe best way to build animation compositions for React.
react-flightby jondot
JavaScript 2820 Version:Current License: Permissive (MIT)
FluidTransitionsby fram-x
2910 Version:CurrentFluid Transitions for React Navigation
FluidTransitionsby fram-x
JavaScript 2910 Version:Current License: Permissive (MIT)
react-awesome-sliderby rcaferati
2694 Version:v3.3.0React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
react-awesome-sliderby rcaferati
JavaScript 2694 Version:v3.3.0 License: Permissive (MIT)
react-native-collapsibleby oblador
2362 Version:v1.6.1Animated collapsible component for React Native, good for accordions, toggles etc
react-native-collapsibleby oblador
JavaScript 2362 Version:v1.6.1 License: Permissive (MIT)
react-revealby rnosov
2631 Version:CurrentEasily add reveal on scroll animations to your React app
react-revealby rnosov
JavaScript 2631 Version:Current License: Permissive (MIT)
react-native-modalsby jacklam718
2117 Version:v0.4.16A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.
react-native-modalsby jacklam718
JavaScript 2117 Version:v0.4.16 License: Permissive (MIT)
mobile-first-animationby aholachek
2070 Version:Current
License: No License (null)Gesture-driven animation on the mobile web (React Conf 2019)
mobile-first-animationby aholachek
JavaScript 2070 Version:Current License: No License
react-native-motionby xotahal
2056 Version:v1.0.5Animate it! Easily!
react-native-motionby xotahal
JavaScript 2056 Version:v1.0.5 License: Permissive (MIT)
react-native-circular-progressby bartgryszko
2002 Version:CurrentReact Native component for creating animated, circular progress with ReactART
react-native-circular-progressby bartgryszko
JavaScript 2002 Version:Current License: Permissive (MIT)
react-scroll-parallaxby jscottsmith
2509 Version:v3.4.2🔮 React hooks and components to create parallax scroll effects for banners, images or any other DOM elements.
react-scroll-parallaxby jscottsmith
TypeScript 2509 Version:v3.4.2 License: Permissive (MIT)
animatedby animatedjs
1849 Version:CurrentDeclarative Animations Library for React and React Native
animatedby animatedjs
JavaScript 1849 Version:Current License: Permissive (MIT)
react-tween-stateby chenglou
1746 Version:CurrentReact animation.
react-tween-stateby chenglou
JavaScript 1746 Version:Current License: Others (Non-SPDX)
rxvizby moroshko
1554 Version:CurrentRx Visualizer - Animated playground for Rx Observables
rxvizby moroshko
JavaScript 1554 Version:Current License: Permissive (MIT)
react-countupby glennreyes
1703 Version:v6.4.2💫 A configurable React component wrapper around CountUp.js
react-countupby glennreyes
JavaScript 1703 Version:v6.4.2 License: Permissive (MIT)
react-particle-effect-buttonby transitive-bullshit
1473 Version:Current License: No License (null)Bursting particle effect buttons for React 🎉
react-particle-effect-buttonby transitive-bullshit
JavaScript 1473 Version:Current License: No License
freezeframe.jsby ctrl-freaks
1358 Version:Currentfreezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions.
freezeframe.jsby ctrl-freaks
TypeScript 1358 Version:Current License: Permissive (MIT)
react-native-popup-menuby instea
1353 Version:v0.16.0Popup menu component for React Native
react-native-popup-menuby instea
JavaScript 1353 Version:v0.16.0 License: Permissive (ISC)
react-animeby hyperfuse
1266 Version:0.2.2(ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!
react-animeby hyperfuse
JavaScript 1266 Version:0.2.2 License: Permissive (MIT)
waveformsby joshwcomeau
1345 Version:CurrentAn interactive, explorable explanation about the peculiar magic of sound waves.
waveformsby joshwcomeau
JavaScript 1345 Version:Current License: Permissive (MIT)
react-lottieby chenqingspring
1529 Version:CurrentRender After Effects animations on React based on lottie-web
react-lottieby chenqingspring
JavaScript 1529 Version:Current License: Permissive (MIT)
gatsby-starter-portfolio-caraby LekoArts
1335 Version:CurrentPlayful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.
gatsby-starter-portfolio-caraby LekoArts
TypeScript 1335 Version:Current License: Permissive (0BSD)
react-typistby jstejada
1348 Version:v2.0.5Typing animations with React
react-typistby jstejada
JavaScript 1348 Version:v2.0.5 License: Others (Non-SPDX)
react-stonecutterby dantrain
1181 Version:v0.3.10Animated grid layout component for React
react-stonecutterby dantrain
JavaScript 1181 Version:v0.3.10 License: Permissive (MIT)
csswandby oliver-gomes
1161 Version:Current🎨✨ Hover your wand and use your magic spell to copy beautiful css
csswandby oliver-gomes
JavaScript 1161 Version:Current License: Permissive (MIT)
resonanceby sghall
1009 Version:v1.0.0-beta.8:black_medium_small_square:Resonance | 5kb React animation library
resonanceby sghall
JavaScript 1009 Version:v1.0.0-beta.8 License: Permissive (MIT)