Top React Animation Libraries

Render After Effects animations natively on Android and iOS, Web, and React Native

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

A modern animation library for React and JavaScript

🇨🇭 A React renderer for Three.js

✌️ A spring physics based React animation library

A spring that solves your animation problems.

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

React Native's Animated library reimplemented

An easy way to perform animations when a React component enters or leaves the DOM

Standard set of easy to use animations and declarative transitions for React Native

tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

An animated number component for React, Vue, Svelte, and TS/JS.

React Move | Beautiful, data-driven animations for React

Pixel art animation and drawing web app powered by React

An enhanced, animated, customizable Modal for React Native.

:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

:bicyclist: Animate specification and components of Ant Design

🐼 The React Native (+ Web) animation library, powered by Reanimated 3.

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

Let your page react to scroll changes.

⌨️ Keyboard manager which works in identical way on both iOS and Android

🎊 A collection of animations for inline style libraries

Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.

🔮 React hooks and components to create parallax scroll effects for banners, images or any other DOM elements.

Fluid Transitions for React Navigation

The best way to build animation compositions for React.

🎬 Scene.js is JavaScript & CSS timeline-based animation library

Personal portfolio website with interactive animations and visual storytelling. Built with React, featuring modular scene management, comprehensive testing, and smooth cross-device performance.

Easily add reveal on scroll animations to your React app

Animated collapsible component for React Native, good for accordions, toggles etc