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
Render 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
A spring that solves your animation problems.
react-motionby chenglou
JavaScript
21497
Version:v0.5.2
License: Permissive (MIT)
react-sortable-hocby clauderic
A 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
Standard 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
An 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
React Move | Beautiful, data-driven animations for React
react-moveby sghall
JavaScript
6542
Version:v6.1.0
License: Permissive (MIT)
react-native-reanimatedby software-mansion
React Native's Animated library reimplemented
react-native-reanimatedby software-mansion
TypeScript
7338
Version:3.3.0
License: Permissive (MIT)
react-burger-menuby negomi
: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
Component library for making games with React & React Native
react-game-kitby FormidableLabs
JavaScript
4580
Version:Current
License: Permissive (MIT)
ant-motionby ant-design
: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
Pixel 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
Super easy magic-move transitions for React apps
react-overdriveby berzniz
JavaScript
2993
Version:Current
License: Permissive (MIT)
react-animationsby FormidableLabs
🎊 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
Text 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
The best way to build animation compositions for React.
react-flightby jondot
JavaScript
2820
Version:Current
License: Permissive (MIT)
FluidTransitionsby fram-x
Fluid Transitions for React Navigation
FluidTransitionsby fram-x
JavaScript
2910
Version:Current
License: Permissive (MIT)
react-awesome-sliderby rcaferati
React 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
Animated 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
Easily add reveal on scroll animations to your React app
react-revealby rnosov
JavaScript
2631
Version:Current
License: Permissive (MIT)
react-native-modalsby jacklam718
A 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
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
Animate it! Easily!
react-native-motionby xotahal
JavaScript
2056
Version:v1.0.5
License: Permissive (MIT)
react-native-circular-progressby bartgryszko
React 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
🔮 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
Declarative Animations Library for React and React Native
animatedby animatedjs
JavaScript
1849
Version:Current
License: Permissive (MIT)
react-tween-stateby chenglou
React animation.
react-tween-stateby chenglou
JavaScript
1746
Version:Current
License: Others (Non-SPDX)
rxvizby moroshko
Rx Visualizer - Animated playground for Rx Observables
rxvizby moroshko
JavaScript
1554
Version:Current
License: Permissive (MIT)
react-countupby glennreyes
💫 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
Bursting particle effect buttons for React 🎉
react-particle-effect-buttonby transitive-bullshit
JavaScript
1473
Version:Current
License: No License
freezeframe.jsby ctrl-freaks
freezeframe.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
Popup menu component for React Native
react-native-popup-menuby instea
JavaScript
1353
Version:v0.16.0
License: Permissive (ISC)
react-animeby hyperfuse
(ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!
react-animeby hyperfuse
JavaScript
1266
Version:0.2.2
License: Permissive (MIT)
waveformsby joshwcomeau
An interactive, explorable explanation about the peculiar magic of sound waves.
waveformsby joshwcomeau
JavaScript
1345
Version:Current
License: Permissive (MIT)
react-lottieby chenqingspring
Render After Effects animations on React based on lottie-web
react-lottieby chenqingspring
JavaScript
1529
Version:Current
License: Permissive (MIT)
gatsby-starter-portfolio-caraby LekoArts
Playful 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
Typing animations with React
react-typistby jstejada
JavaScript
1348
Version:v2.0.5
License: Others (Non-SPDX)
react-stonecutterby dantrain
Animated grid layout component for React
react-stonecutterby dantrain
JavaScript
1181
Version:v0.3.10
License: Permissive (MIT)
csswandby oliver-gomes
🎨✨ Hover your wand and use your magic spell to copy beautiful css
csswandby oliver-gomes
JavaScript
1161
Version:Current
License: Permissive (MIT)
resonanceby sghall
:black_medium_small_square:Resonance | 5kb React animation library
resonanceby sghall
JavaScript
1009
Version:v1.0.0-beta.8
License: Permissive (MIT)