168 Best JavaScript Animation Libraries

GitHub Stars

Weekly Downloads

978

Last Commit

3d 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: BSD-3-Clause

TypeScript Definitions: DefinitelyTyped

User Rating

4.0/ 5

Top Feedback

8Great Documentation

6Easy to Use

4Performant

GitHub Stars

Weekly Downloads

Last Commit

7d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

lottie-react-native

Lottie wrapper for React Native.

License: Apache-2.0

TypeScript Definitions: Built-In

User Rating

4.8/ 5

Top Feedback

2Great Documentation

2Easy to Use

1Slow

GitHub Stars

14K

Weekly Downloads

142K

Last Commit

24d ago

Bundle Size (min+gzip)

3.83KB

Not Tree-Shakeable

animejs

JavaScript animation engine

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

4.6/ 5

128

Top Feedback

12Great Documentation

11Easy to Use

9Highly Customizable

GitHub Stars

40K

Weekly Downloads

104K

Last Commit

8mo ago

Bundle Size (min+gzip)

6.88KB

Tree-Shakeable

ngx-lottie

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

License: MIT

TypeScript Definitions: Built-In

User Rating

5.0/ 5

Top Feedback

1Highly Customizable

1Bleeding Edge

GitHub Stars

132

Weekly Downloads

31K

Last Commit

6d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

gsap

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

License: MIT

TypeScript Definitions: Built-In

User Rating

4.9/ 5

Top Feedback

9Great Documentation

9Performant

8Easy to Use

GitHub Stars

13K

Weekly Downloads

200K

Last Commit

6d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

react-flip-toolkit

A lightweight magic-move library for configurable layout transitions

License: MIT

TypeScript Definitions: Built-In

User Rating

5.0/ 5

Top Feedback

N/A

GitHub Stars

Weekly Downloads

28K

Last Commit

3mo ago

Bundle Size (min+gzip)

7.98KB

Tree-Shakeable

angular-animations

✨ Easy, Reusable Animation Utility library for Angular

License: MIT

TypeScript Definitions: Built-In

User Rating

5.0/ 5

Top Feedback

N/A

GitHub Stars

401

Weekly Downloads

10K

Last Commit

8mo ago

Bundle Size (min+gzip)

6.27KB

Tree-Shakeable

react-animated-css

React component to show or hide elements with animations

License: ISC

TypeScript Definitions: Built-In

User Rating

5.0/ 5

Top Feedback

N/A

GitHub Stars

189

Weekly Downloads

13K

Last Commit

8mo ago

Bundle Size (min+gzip)

12.9KB

Not Tree-Shakeable

react-motion

A spring that solves your animation problems.

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

4.6/ 5

Top Feedback

2Easy to Use

GitHub Stars

20K

Weekly Downloads

681K

Last Commit

2y ago

Bundle Size (min+gzip)

4.78KB

Not Tree-Shakeable

react-kawaii

Cute SVG React Components

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

5.0/ 5

Top Feedback

N/A

GitHub Stars

Weekly Downloads

Last Commit

3mo ago

Bundle Size (min+gzip)

11.6KB

Tree-Shakeable

react-native-animatable

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

License: MIT

TypeScript Definitions: Built-In

User Rating

4.7/ 5

Top Feedback

4Great Documentation

4Easy to Use

2Performant

GitHub Stars

Weekly Downloads

245K

Last Commit

2mo ago

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

react-simple-animate

🎯 React UI animation made easy

License: MIT

TypeScript Definitions: Not Found

User Rating

4.0/ 5

Top Feedback

N/A

GitHub Stars

Weekly Downloads

46K

Last Commit

2mo ago

Bundle Size (min+gzip)

2.51KB

Not Tree-Shakeable

aos

Animate on scroll library

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

4.7/ 5

Top Feedback

11Great Documentation

11Easy to Use

8Performant

GitHub Stars

17K

Weekly Downloads

65K

Last Commit

3y ago

Bundle Size (min+gzip)

4.55KB

Not Tree-Shakeable

react-move

React Move | Beautiful, data-driven animations for React

License: MIT

TypeScript Definitions: Built-In

User Rating

3.0/ 5

Top Feedback

GitHub Stars

Weekly Downloads

97K

Last Commit

8d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

react-lottie

Render After Effects animations on React based on lottie-web

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

4.3/ 5

Top Feedback

N/A

GitHub Stars

Weekly Downloads

186K

Last Commit

3y ago

Bundle Size (min+gzip)

71.5KB

Not Tree-Shakeable

react-flip-move

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

License: MIT

TypeScript Definitions: Built-In

User Rating

4.3/ 5

Top Feedback

GitHub Stars

Weekly Downloads

106K

Last Commit

1y ago

Bundle Size (min+gzip)

4.84KB

Tree-Shakeable

@chakra-ui/transition

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

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

19K

Weekly Downloads

107K

Last Commit

3d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

vue2-animate

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

License: MIT

TypeScript Definitions: Not Found

User Rating

4.0/ 5

Top Feedback

1Responsive Maintainers

1Poor Documentation

GitHub Stars

Weekly Downloads

Last Commit

3mo ago

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

react-reveal

Easily add reveal on scroll animations to your React app

License: MIT

TypeScript Definitions: Not Found

User Rating

4.0/ 5

Top Feedback

GitHub Stars

Weekly Downloads

66K

Last Commit

3y ago

Bundle Size (min+gzip)

8.21KB

Not Tree-Shakeable

aframe-animation-timeline-component

📦 A super collection of A-Frame components.

License: MIT

TypeScript Definitions: Not Found

User Rating

4.0/ 5

Top Feedback

GitHub Stars

Weekly Downloads

Last Commit

3mo ago

Bundle Size (min+gzip)

1.09KB

Not Tree-Shakeable

vov.css

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

License: MIT

TypeScript Definitions: Not Found

User Rating

5.0/ 5

Top Feedback

GitHub Stars

Weekly Downloads

Last Commit

2mo ago

Bundle Size (min+gzip)

1.80KB

Not Tree-Shakeable

scroll-into-view-if-needed

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

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

904

Weekly Downloads

730K

Last Commit

6d ago

Bundle Size (min+gzip)

1.46KB

Tree-Shakeable

choreographer-js

A simple library to take care of complicated animations.

License: MIT

TypeScript Definitions: Not Found

User Rating

5.0/ 5

Top Feedback

GitHub Stars

Weekly Downloads

Last Commit

5y ago

Bundle Size (min+gzip)

1.86KB

Not Tree-Shakeable

angular-animate

AngularJS - HTML enhanced for web apps!

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

N/A

Top Feedback

N/A

GitHub Stars

60K

Weekly Downloads

203K

Last Commit

9d ago

Bundle Size (min+gzip)

9.51KB

Not Tree-Shakeable

react-native-redash

The React Native Reanimated and Gesture Handler Toolbelt

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

GitHub Stars

Weekly Downloads

63K

Last Commit

1mo ago

Bundle Size (min+gzip)

5.80KB

Tree-Shakeable

react-smooth

react animation

License: MIT

TypeScript Definitions: Not Found

User Rating

N/A

Top Feedback

N/A

GitHub Stars

246

Weekly Downloads

631K

Last Commit

3mo ago

Bundle Size (min+gzip)

10.9KB

Tree-Shakeable

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, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

Last Commit

3d ago

Bundle Size (min+gzip)

27.0KB

Tree-Shakeable

react-collapse

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

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

N/A

Top Feedback

N/A

GitHub Stars

981

Weekly Downloads

103K

Last Commit

3mo ago

Bundle Size (min+gzip)

2.47KB

Not Tree-Shakeable

lottie-react

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

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

110

Weekly Downloads

25K

Last Commit

7mo ago

Bundle Size (min+gzip)

67.5KB

Tree-Shakeable

scrawl-canvas

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

License: MIT

TypeScript Definitions: Not Found

User Rating

N/A

Top Feedback

N/A

GitHub Stars

139

Weekly Downloads

302

Last Commit

15d ago

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

react-anime

✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

Last Commit

3mo ago

Bundle Size (min+gzip)

7.64KB

Tree-Shakeable

sparticles

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

License: MPL-2.0

TypeScript Definitions: Not Found

User Rating

2.3/ 5

Top Feedback

2Abandoned

2Unwelcoming Community

GitHub Stars

Weekly Downloads

Last Commit

2mo ago

Bundle Size (min+gzip)

4.83KB

Not Tree-Shakeable

react-smooth-collapse

React component for animating showing or hiding an element

License: MIT

TypeScript Definitions: Not Found

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

16K

Last Commit

1mo ago

Bundle Size (min+gzip)

2.67KB

Not Tree-Shakeable

vue-kinesis

Easily create complex interactive animations with Vue.js

License: Unknown

TypeScript Definitions: Not Found

User Rating

N/A

Top Feedback

N/A

GitHub Stars

970

Weekly Downloads

896

Last Commit

7d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@wizdm/animate

The ultimate SPA boilerplate

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

102

Weekly Downloads

Last Commit

4d ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@progress/kendo-react-animation

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

License: Unknown

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

43K

Last Commit

1mo ago

Bundle Size (min+gzip)

N/A

Tree-Shakeable

ngx-countup

Animates a numerical value by counting to it - for Angular

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

112

Weekly Downloads

Last Commit

3mo ago

Bundle Size (min+gzip)

2.21KB

Tree-Shakeable

react-css-collapse

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

License: MIT

TypeScript Definitions: DefinitelyTyped

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

Last Commit

9mo ago

Bundle Size (min+gzip)

1.26KB

Not Tree-Shakeable

react-d3-treemap

Treemap based on d3.treemap built using React

License: BSD-3-Clause

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

294

Last Commit

2mo ago

Bundle Size (min+gzip)

15.7KB

Not Tree-Shakeable

ng2-animate-on-scroll

Simple Angular directive to add CSS animation class to element once scrolled to in the viewport.

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

Weekly Downloads

891

Last Commit

5mo ago

Bundle Size (min+gzip)

1.08KB

Tree-Shakeable

nativescript-lottie

NativeScript plugin to expose Airbnb Lottie

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback

N/A

GitHub Stars

154

Weekly Downloads

667

Last Commit

3mo ago

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

ng-animate

🌙 A collection of cool, reusable and flexible animations for Angular 9+

License: MIT

TypeScript Definitions: Built-In

User Rating

N/A

Top Feedback