10 Best React Animation Libraries

List hand-picked by Openbase Experts
Learn More

framer-motion

framer-motion

Open source, production-ready animation and gesture library for React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
16.7K
Weekly Downloads
1.6M
Last Commit
9mos ago
User Rating
4.8/ 5
48
Top Feedback
26Easy to Use
23Great Documentation
18Performant
tsp

tsparticles

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.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.4K
Weekly Downloads
33.2K
Last Commit
9mos ago
User Rating
5.0/ 5
8
Top Feedback
6Easy to Use
5Great Documentation
4Performant
react-spring

react-spring

✌️ A spring physics based React animation library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
24.1K
Weekly Downloads
708K
Last Commit
9mos ago
User Rating
4.6/ 5
82
Top Feedback
15Great Documentation
15Easy to Use
12Highly Customizable
react-transition-group

react-transition-group

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

BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
9.3K
Weekly Downloads
10.5M
Last Commit
9mos ago
User Rating
4.2/ 5
14
Top Feedback
11Great Documentation
9Easy to Use
6Performant
rt

react-ticker

React Ticker is a lightweight, performant React component, that moves text, images and videos infinitely like a newsticker.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
234
Weekly Downloads
17.3K
Last Commit
8mos ago
User Rating
5.0/ 5
1
Top Feedback
rm

react-motion

A spring that solves your animation problems.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
21.2K
Weekly Downloads
578K
Last Commit
3yrs ago
User Rating
4.6/ 5
65
Top Feedback
2Easy to Use
rl

react-lottie

Render After Effects animations on React based on lottie-web

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.4K
Weekly Downloads
278K
Last Commit
4yrs ago
User Rating
4.5/ 5
6
Top Feedback
rft

react-flip-toolkit

A lightweight magic-move library for configurable layout transitions

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.6K
Weekly Downloads
36.4K
Last Commit
1yr ago
User Rating
5.0/ 5
2
Top Feedback
rfm

react-flip-move

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.9K
Weekly Downloads
138K
Last Commit
1yr ago
User Rating
4.5/ 5
4
Top Feedback
1Great Documentation
1Easy to Use
rac

react-animated-css

React component to show or hide elements with animations

ISC
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
212
Weekly Downloads
15.3K
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback
rar

react-awesome-reveal

React components to add reveal animations using the Intersection Observer API and CSS Animations.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
677
Weekly Downloads
13.4K
Last Commit
1yr ago
User Rating
5.0/ 5
4
Top Feedback
3Great Documentation
3Easy to Use
3Performant
rsa

react-simple-animate

react simple animate

Mit
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
Weekly Downloads
120K
Last Commit
User Rating
4.0/ 5
1
Top Feedback
rr

react-reveal

Easily add reveal on scroll animations to your React app

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
2.5K
Weekly Downloads
57.2K
Last Commit
4yrs ago
User Rating
4.0/ 5
5
Top Feedback
1Easy to Use
rk

react-kawaii

Cute SVG React Components

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
2.8K
Weekly Downloads
1.2K
Last Commit
2yrs ago
User Rating
5.0/ 5
1
Top Feedback
@chakra-ui/transition

@chakra-ui/transition

⚡️ Simple, Modular & Accessible UI Components for your React Applications

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
29.9K
Weekly Downloads
359K
Last Commit
9mos ago
rm

react-move

React Move | Beautiful, data-driven animations for React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6.5K
Weekly Downloads
85.5K
Last Commit
1yr ago
User Rating
3.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
lr

lottie-react

A lightweight React library for rendering complex After Effects animations in real time using Lottie.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
346
Weekly Downloads
171K
Last Commit
10mos ago
User Rating
Top Feedback
1Great Documentation
1Easy to Use
1Performant
@progress/kendo-react-animation

@progress/kendo-react-animation

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

SEE LICENSE IN LICENSE.md
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
152
Weekly Downloads
55.6K
Last Commit
10mos ago
rc-tween-one

rc-tween-one

Animate One React Element

Unknown
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
351
Weekly Downloads
27.9K
Last Commit
8mos ago
User Rating
Top Feedback
1Great Documentation
react-smooth

react-smooth

react animation

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
258
Weekly Downloads
996K
Last Commit
2yrs ago
rc

react-collapse

Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.1K
Weekly Downloads
111K
Last Commit
8mos ago
tf

tween-functions

Robert Penner's easing functions, slightly modified

BSD
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
168
Weekly Downloads
258K
Last Commit
7yrs ago
rs

react-slidedown

React component which uses CSS to animate a child from its current height to { height: auto } when mounting/updating/unmounting.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
129
Weekly Downloads
51.5K
Last Commit
7mos ago
vr

velocity-react

React components to wrap Velocity animations

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
75K
Last Commit
rts

react-tween-state

React animation.

BSD
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.7K
Weekly Downloads
58K
Last Commit
6yrs ago
rt

react-typist

Typing animations with React

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
1.3K
Weekly Downloads
14.3K
Last Commit
1yr ago
rc-queue-anim

rc-queue-anim

Animate React Component in queue

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
455
Weekly Downloads
12.7K
Last Commit
1yr ago
rrt

react-router-transition

painless transitions built for react-router, powered by react-motion

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
2.6K
Weekly Downloads
8.7K
Last Commit
2yrs ago
rtl

react-text-loop

Animate words in your headings

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
762
Weekly Downloads
7.4K
Last Commit
3yrs ago
User Rating
Top Feedback
1Easy to Use
react-anime

react-anime

✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.5K
Weekly Downloads
4.1K
Last Commit
1yr ago
bor

boron

A collection of dialog animations with React.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.5K
Weekly Downloads
2.9K
Last Commit
4yrs ago
rmu

react-motion-ui-pack

Wrapper component around React Motion for easier UI transitions

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
628
Weekly Downloads
1.9K
Last Commit
5yrs ago
react-animation

react-animation

Animation components and styles for React projects

Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
283
Weekly Downloads
1.4K
Last Commit
3yrs ago
User Rating
Top Feedback
1Hard to Use
rta

react-typing-animation

[![npm version](https://img.shields.io/npm/v/react-typing-animation.svg)](https://npm.im/react-typing-animation) ![Licence](https://img.shields.io/npm/l/react-typing-animation.svg)

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
Weekly Downloads
1.1K
Last Commit
rc-banner-anim

rc-banner-anim

Animate Banner React Component

Unknown
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
170
Weekly Downloads
884
Last Commit
2yrs ago
rr

react-rebound

High-performance spring animations in React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
133
Weekly Downloads
310
Last Commit
4yrs ago
rtn

react-transitive-number

React component to apply transition effect to numeric strings, a la old Groupon timers

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
208
Weekly Downloads
75
Last Commit
5yrs ago
rm

react-magic

A collection of magic animations for react components

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
Weekly Downloads
9
Last Commit