10 Best React Animation Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

framer-motion

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
36
Top Feedback
25Easy to Use
21Great Documentation
17Performant
GitHub Stars
13K
Weekly Downloads
660K
Last Commit
3mos ago
Bundle Size (min+gzip)
32.0KB
Tree-Shakeable
tsp

tsparticles

tsParticles - Easily create highly customizable particles 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.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
3
Top Feedback
4Great Documentation
4Easy to Use
4Highly Customizable
GitHub Stars
2K
Weekly Downloads
25K
Last Commit
6d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-spring

✌️ A spring physics based React animation library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.6/ 5
43
Top Feedback
14Easy to Use
13Great Documentation
12Highly Customizable
GitHub Stars
22K
Weekly Downloads
658K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-transition-group

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

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
11
Top Feedback
8Great Documentation
6Easy to Use
4Performant
GitHub Stars
9K
Weekly Downloads
8M
Last Commit
3mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

gsap

GreenSock's GSAP JavaScript animation library (including Draggable).

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.9/ 5
26
Top Feedback
9Great Documentation
9Performant
8Easy to Use
GitHub Stars
13K
Weekly Downloads
229K
Last Commit
25d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rft

react-flip-toolkit

A lightweight magic-move library for configurable layout transitions

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
24K
Last Commit
7mos ago
Bundle Size (min+gzip)
7.98KB
Tree-Shakeable
rm

react-motion

A spring that solves your animation problems.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
31
Top Feedback
2Easy to Use
GitHub Stars
20K
Weekly Downloads
652K
Last Commit
2yrs ago
Bundle Size (min+gzip)
4.78KB
Not Tree-Shakeable
rfm

react-flip-move

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.3/ 5
3
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
4K
Weekly Downloads
95K
Last Commit
3mos ago
Bundle Size (min+gzip)
4.84KB
Tree-Shakeable
rk

react-kawaii

Cute SVG React Components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
985
Last Commit
7mos ago
Bundle Size (min+gzip)
11.6KB
Tree-Shakeable
rl

react-lottie

Render After Effects animations on React based on lottie-web

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.4/ 5
5
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
162K
Last Commit
3yrs ago
Bundle Size (min+gzip)
71.5KB
Not Tree-Shakeable
rsa

react-simple-animate

🎯 React UI animation made easy

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
68K
Last Commit
6mos ago
Bundle Size (min+gzip)
2.51KB
Not Tree-Shakeable

react-move

React Move | Beautiful, data-driven animations for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
6K
Weekly Downloads
92K
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rt

react-ticker

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
178
Weekly Downloads
13K
Last Commit
10mos ago
Bundle Size (min+gzip)
3.01KB
Tree-Shakeable
rac

react-animated-css

React component to show or hide elements with animations

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
194
Weekly Downloads
12K
Last Commit
1yr ago
Bundle Size (min+gzip)
12.9KB
Not Tree-Shakeable

@chakra-ui/transition

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
21K
Weekly Downloads
164K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rr

react-reveal

Easily add reveal on scroll animations to your React app

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
5
Top Feedback
1Easy to Use
GitHub Stars
2K
Weekly Downloads
59K
Last Commit
3yrs ago
Bundle Size (min+gzip)
8.21KB
Not Tree-Shakeable

react-smooth

react animation

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
252
Weekly Downloads
671K
Last Commit
7mos ago
Bundle Size (min+gzip)
10.9KB
Tree-Shakeable
rc

react-collapse

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
252K
Last Commit
8mos ago
Bundle Size (min+gzip)
2.47KB
Not Tree-Shakeable

react-anime

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
16K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-smooth-collapse

React component for animating showing or hiding an element

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
69
Weekly Downloads
14K
Last Commit
1mo ago
Bundle Size (min+gzip)
2.67KB
Not Tree-Shakeable

rc-queue-anim

Animate React Component in queue

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
436
Weekly Downloads
13K
Last Commit
3mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@progress/kendo-react-animation

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

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
100
Weekly Downloads
51K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rdt

react-d3-treemap

Treemap based on d3.treemap built using React

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
57
Weekly Downloads
311
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
tf

tween-functions

Robert Penner's easing functions, slightly modified

License Icon
License: BSD-2-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
164
Weekly Downloads
201K
Last Commit
6yrs ago
Bundle Size (min+gzip)
0.86KB
Not Tree-Shakeable
lr

lottie-react

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
146
Weekly Downloads
51K
Last Commit
3d ago
Bundle Size (min+gzip)
67.5KB
Tree-Shakeable

velocity-react

React components for Velocity.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
95K
Last Commit
2yrs ago
Bundle Size (min+gzip)
29.6KB
Not Tree-Shakeable
rts

react-tween-state

React animation.

License Icon
License: BSD-2-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
72K
Last Commit
5yrs ago
Bundle Size (min+gzip)
2.63KB
Not Tree-Shakeable
mot

@atlaskit/motion

Atlassian motion variables, components and more.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
52K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rrt

react-router-transition

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
11K
Last Commit
9mos ago
Bundle Size (min+gzip)
4.62KB
Not Tree-Shakeable
ra

react-animations

A collection of animations for inline styles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
N/A
Weekly Downloads
31K
Last Commit
N/A
Bundle Size (min+gzip)
3.92KB
Not Tree-Shakeable

rc-tween-one

Animate One React Element

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
322
Weekly Downloads
28K
Last Commit
1yr ago
Bundle Size (min+gzip)
21.0KB
Tree-Shakeable
rs

react-slidedown

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
108
Weekly Downloads
25K
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.20KB
Not Tree-Shakeable
rt

react-typist

Typing animations with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
15K
Last Commit
2yrs ago
Bundle Size (min+gzip)
4.97KB
Not Tree-Shakeable
rtl

react-text-loop

Animate words in your headings

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
690
Weekly Downloads
14K
Last Commit
2yrs ago
Bundle Size (min+gzip)
7.04KB
Tree-Shakeable

react-css-collapse

Component-wrapper for collapse animation with css for elements with variable and dynamic height

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
37
Weekly Downloads
4K
Last Commit
1yr ago
Bundle Size (min+gzip)
1.26KB
Not Tree-Shakeable
bor

boron

A collection of dialog animations with React.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
3K
Last Commit
3yrs ago
Bundle Size (min+gzip)
3.51KB
Not Tree-Shakeable
rmu

react-motion-ui-pack

Wrapper component around React Motion for easier UI transitions

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
633
Weekly Downloads
2K
Last Commit
4yrs ago
Bundle Size (min+gzip)
8.27KB
Not Tree-Shakeable

react-css-transition

Take Control of Your CSS Transitions

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
91
Weekly Downloads
2K
Last Commit
5yrs ago
Bundle Size (min+gzip)
8.52KB
Tree-Shakeable
rta

react-typing-animation

A fully-featured typing animation in React that supports any valid JSX.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
228
Weekly Downloads
2K
Last Commit
3yrs ago
Bundle Size (min+gzip)
26.5KB
Not Tree-Shakeable
cr

card-react

React component for card https://github.com/jessepollak/card

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
128
Weekly Downloads
2K
Last Commit
4yrs ago
Bundle Size (min+gzip)
7.61KB
Not Tree-Shakeable

react-animation

Animation components and styles for React projects

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Hard to Use
GitHub Stars
278
Weekly Downloads
2K
Last Commit
2yrs ago
Bundle Size (min+gzip)
9.26KB
Not Tree-Shakeable

rc-banner-anim

Animate Banner React Component

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
165
Weekly Downloads
1K
Last Commit
1yr ago
Bundle Size (min+gzip)
27.0KB
Tree-Shakeable
rao

react-animate-on-change

Animate your components on state change

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
80
Weekly Downloads
908
Last Commit
1yr ago
Bundle Size (min+gzip)
1.18KB
Not Tree-Shakeable
acr

animate.css-react

React animations with animate.css

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
658
Last Commit
1yr ago
Bundle Size (min+gzip)
47.9KB
Not Tree-Shakeable
rla

react-loading-animation

A pretty loading spinner based on Google's colorful spinner animation.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
33
Weekly Downloads
530
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.40KB
Not Tree-Shakeable
rt

react-transitions

A collection of animated transitions when React components enter or leave the DOM.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
35
Weekly Downloads
375
Last Commit
4yrs ago
Bundle Size (min+gzip)
48.8KB
Not Tree-Shakeable
rr

react-rebound

High-performance spring animations in React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
132
Weekly Downloads
337
Last Commit
3yrs ago
Bundle Size (min+gzip)
6.28KB
Tree-Shakeable
rfl

react-facebook-loading

The Facebook loading animation for React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
315
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.18KB
Not Tree-Shakeable
ag

animated-gradient

React component with state controlled animated gradient

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
17
Last Commit
8mos ago
Bundle Size (min+gzip)
1.26KB
Not Tree-Shakeable

react-magic

A collection of magic animations for react components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
264
Weekly Downloads
7
Last Commit
8mos ago
Bundle Size (min+gzip)
2.64KB
Not Tree-Shakeable