10 Best JavaScript Animation Libraries

List hand-picked by Openbase Experts
Learn More

@angular/animations

The modern web developer’s platform

2.3M
86K
Built-in
MIT
tsp

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.

36.5K
4.8K
Built-in
MIT
framer-motion

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

1.8M
17.4K
Built-in
MIT
lottie-web

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

1.3M
28K
Built-in
MIT
np

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.

3.3K
4.8K
Built-in
MIT
react-native-reanimated

React Native's Animated library reimplemented

510K
6.9K
Built-in
MIT
react-spring

✌️ A spring physics based React animation library

713K
24.8K
Built-in
MIT
react-transition-group

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

11.1M
9.3K
DefinitelyTyped
BSD-3-Clause
ngx-lottie

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

62K
191
Built-in
MIT
rt

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

18K
234
Built-in
MIT
rm

A spring that solves your animation problems.

613K
21.3K
DefinitelyTyped
MIT
lrn

React Native bindings for Lottie

229K
Built-in
Apache-2.0
ani

JavaScript animation engine

137K
42.7K
DefinitelyTyped
MIT
aos

Animate on scroll library

127K
20.4K
DefinitelyTyped
MIT
rna

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

284K
9.2K
Built-in
MIT
va

Accelerated JavaScript animation.

201K
17.2K
DefinitelyTyped
MIT
rl

Render After Effects animations on React based on lottie-web

288K
1.4K
DefinitelyTyped
MIT
rft

A lightweight magic-move library for configurable layout transitions

39.5K
3.6K
Built-in
MIT
rfm

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

130K
3.9K
Built-in
MIT
aa

✨ Easy, Reusable Animation Utility library for Angular

18.8K
451
DefinitelyTyped
MIT
rac

React component to show or hide elements with animations

17.1K
212
Built-in
ISC
rar

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

14.7K
759
Built-in
MIT
rsa

react simple animate

145K
Built-in
Mit
rnr

Utility library for React Native Reanimated

120K
Built-in
MIT
rr

Easily add reveal on scroll animations to your React app

59.8K
2.6K
No support
MIT
vpt

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

1.2K
395
No support
MIT
rk

Cute SVG React Components

1.1K
2.8K
DefinitelyTyped
MIT
bfl

Pure CSS implementation of Float Label pattern for Bootstrap 3.

628
No support
MIT
va

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

8.3K
1.3K
No support
MIT
rm

React Move | Beautiful, data-driven animations for React

99.5K
6.5K
Built-in
MIT
@chakra-ui/transition

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

419K
30.8K
Built-in
MIT
cj

A simple library to take care of complicated animations.

27
1.9K
No support
MIT
aframe-animation-timeline-component

📦 A super collection of A-Frame components.

209
1.2K
DefinitelyTyped
MIT
@vueuse/motion

🤹 Vue Composables putting your components in motion

9.8K
1.3K
Built-in
MIT
scroll-into-view-if-needed

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

1.9M
1.1K
Built-in
MIT
react-smooth

react animation

1.1M
258
No support
MIT
rc-tween-one

Animate One React Element

22.3K
351
Built-in
rc

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

132K
1.1K
DefinitelyTyped
MIT
spa

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

69
139
No support
MPL-2.0
tf

Robert Penner's easing functions, slightly modified

332K
168
No support
BSD
angular-animate

AngularJS - HTML enhanced for web apps!

222K
59.3K
DefinitelyTyped
MIT
lr

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

217K
375
Built-in
MIT
@progress/kendo-react-animation

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

61.8K
154
Built-in
SEE LICENSE IN LICENSE.md
vr

React components to wrap Velocity animations

98.8K
No support
MIT
sc

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

488
225
Built-in
MIT
rts

React animation.

50.6K
1.7K
No support
BSD
rs

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

46.4K
129
Built-in
MIT
rt

Typing animations with React

17.5K
1.3K
DefinitelyTyped
MIT
vl

Render After Effects animations on Vue based on Bodymovin

13.8K
1.2K
No support
MIT
rc-queue-anim

Animate React Component in queue

12.7K
455
No support
Description
Author
License
Type Definitions
ESM Support
Tree Shakeable
Popularity
Downloads/wk
GitHub Stars
Reviews
User Rating
Voted Good Docs
Voted Easy of Use
Voted Performant
Top Positive Review
Top Negative Review
Issues
Total Issues
Open Issues
Avg Time to Close
Pull Requests
Total Pull Requests
Open Pull Requests
Avg Time to Merge
Community
Maintainers
Contributors
Contributors with 3+ commits
Top Committers
GitHub Forks
Versions
# of Versions
Latest
Next
Beta
Newest
Oldest
Major Every
Minor Every
Patch Every
Dependencies
Dependencies
Dev Dependencies
Links
More Info
README
Tutorials
Install Command
There's Nothing Here
No packages are selected.
Select a few packages to compare.