10 Best JavaScript Animation Libraries

List hand-picked by Openbase Experts
Learn More

@angular/animations

The modern web developer’s platform

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
21
Top Feedback
14Great Documentation
13Easy to Use
11Performant
GitHub Stars
79K
Weekly Downloads
2M
Last Commit
1mo ago

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
42
Top Feedback
26Easy to Use
22Great Documentation
18Performant
GitHub Stars
13K
Weekly Downloads
880K
Last Commit
2mos ago
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
6
Top Feedback
5Great Documentation
5Easy to Use
4Performant
GitHub Stars
3K
Weekly Downloads
30K
Last Commit
2mos ago

react-spring

✌️ A spring physics based React animation library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
55
Top Feedback
14Easy to Use
13Great Documentation
12Highly Customizable
GitHub Stars
22K
Weekly Downloads
713K
Last Commit
1mo ago

lottie-web

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
73
Top Feedback
5Great Documentation
5Easy to Use
5Performant
GitHub Stars
26K
Weekly Downloads
759K
Last Commit
1mo ago
np

ng-particles

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
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
3K
Weekly Downloads
1K
Last Commit
2mos ago

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.1/ 5
12
Top Feedback
10Great Documentation
8Easy to Use
5Performant
GitHub Stars
9K
Weekly Downloads
8M
Last Commit
2mos ago

lottie-react-native

Lottie wrapper for React Native.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
22
Top Feedback
3Great Documentation
3Easy to Use
1Performant
GitHub Stars
15K
Weekly Downloads
157K
Last Commit
2mos ago

ngx-lottie

Fully customizable Angular component for rendering After Effects animations. Compatible with Angular 9+ 🚀

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Performant
1Highly Customizable
1Bleeding Edge
GitHub Stars
153
Weekly Downloads
47K
Last Commit
2mos ago

react-native-reanimated

React Native's Animated library reimplemented

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.4/ 5
10
Top Feedback
5Great Documentation
4Easy to Use
4Performant
GitHub Stars
6K
Weekly Downloads
407K
Last Commit
1mo ago

gsap

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
34
Top Feedback
9Great Documentation
9Performant
8Easy to Use
GitHub Stars
14K
Weekly Downloads
248K
Last Commit
4mos ago
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
28K
Last Commit
2mos ago
tc

tsparticles-core

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
1
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
0
Last Commit
2mos ago
rm

react-motion

A spring that solves your animation problems.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.6/ 5
44
Top Feedback
2Easy to Use
GitHub Stars
20K
Weekly Downloads
698K
Last Commit
2yrs ago
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
192
Weekly Downloads
13K
Last Commit
2mos ago
rnr

react-native-redash

The React Native Reanimated and Gesture Handler Toolbelt

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
1Great Documentation
GitHub Stars
2K
Weekly Downloads
98K
Last Commit
2mos ago
ani

animejs

JavaScript animation engine

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.6/ 5
207
Top Feedback
14Great Documentation
13Easy to Use
11Highly Customizable
GitHub Stars
41K
Weekly Downloads
139K
Last Commit
1yr ago
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
97K
Last Commit
6mos ago
rna

react-native-animatable

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
14
Top Feedback
4Great Documentation
4Easy to Use
3Performant
GitHub Stars
9K
Weekly Downloads
238K
Last Commit
9mos ago
aos

aos

Animate on scroll library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.6/ 5
39
Top Feedback
12Great Documentation
12Easy to Use
8Performant
GitHub Stars
19K
Weekly Downloads
96K
Last Commit
3yrs ago
va

velocity-animate

Accelerated JavaScript animation.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
11
Top Feedback
6Easy to Use
4Great Documentation
2Performant
GitHub Stars
17K
Weekly Downloads
186K
Last Commit
1yr ago
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
197K
Last Commit
4yrs ago

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
98K
Last Commit
7mos ago
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
1K
Last Commit
10mos ago
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
198
Weekly Downloads
12K
Last Commit
1yr ago
aa

angular-animations

✨ Easy, Reusable Animation Utility library for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
443
Weekly Downloads
11K
Last Commit
1yr ago
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
72K
Last Commit
9mos ago

@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
23K
Weekly Downloads
209K
Last Commit
1mo ago
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
va

vue2-animate

A port of Animate.css for use with transitions in Vue.js 2.0 / 3.0 and Alpine.js.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
1Easy to Use
1Responsive Maintainers
1Poor Documentation
GitHub Stars
1K
Weekly Downloads
9K
Last Commit
10mos ago
vpt

vue-page-transition

A lightweight Vue.js plugin for page / route transitions.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
368
Weekly Downloads
1K
Last Commit
3yrs ago

aframe-animation-timeline-component

📦 A super collection of A-Frame components.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
1K
Weekly Downloads
84
Last Commit
4mos ago
siv

scroll-into-view-if-needed

Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
956
Weekly Downloads
1M
Last Commit
2mos ago
vc

vov.css

📱💻A CSS Library for small but useful animations💻📱

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
62
Weekly Downloads
0
Last Commit
7mos ago
cj

choreographer-js

A simple library to take care of complicated animations.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
3
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
2K
Weekly Downloads
28
Last Commit
5yrs ago

@vueuse/motion

🤹 Vue Composables putting your components in motion

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
680
Weekly Downloads
3K
Last Commit
1mo ago

angular-animate

AngularJS - HTML enhanced for web apps!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
60K
Weekly Downloads
197K
Last Commit
5mos ago

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
328
Weekly Downloads
31K
Last Commit
2mos ago
vw

v-wave

The material-ripple directive for Vue that actually works

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
75
Weekly Downloads
876
Last Commit
2mos ago

react-smooth

react animation

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
256
Weekly Downloads
756K
Last Commit
10mos ago

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
18K
Last Commit
3mos ago

@progress/kendo-vue-animation

Issue tracker - KendoVue http://www.telerik.com/kendo-vue-ui/

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
5K
Last Commit
2mos ago
spa

sparticles

JavaScript Particles in Canvas ~~ Fast, Lightweight, High Performance.

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
2.3/ 5
3
Top Feedback
2Abandoned
2Unwelcoming Community
1Great Documentation
GitHub Stars
111
Weekly Downloads
19
Last Commit
5mos ago
sc

scrawl-canvas

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
158
Weekly Downloads
321
Last Commit
2mos ago

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
438
Weekly Downloads
16K
Last Commit
6mos ago

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
15K
Last Commit
4mos ago

@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
105
Weekly Downloads
55K
Last Commit
4mos ago

vue-pose

Simple animation libraries for delightful user interfaces

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
19K
Weekly Downloads
1K
Last Commit
2mos ago
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
107K
Last Commit
2mos ago

@animxyz/vue

The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
534
Last Commit
2mos ago