10 Best JavaScript Animation Libraries 🔥
Tags: webdev, javascript, html, productivity
Published: 2021-06-07 10:32:03

__[1. Anime.js](https://animejs.com/)__
![anime.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twjju4snmf7hv6305t67.PNG)
Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.The library has a small file size and supports all modern browsers.You can use it to animate HTML, CSS, JS, SVG and DOM attributes.

__[2. GSAP](https://greensock.com/)__
![GSAP](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t5j4tbc4jb7xfplc4jz6.png)
GSAP is a robust JavaScript toolset that turns developers into animation superheroes.GSAP animates anything JavaScript can touch (CSS properties, SVG, React, canvas, generic objects, whatever). It's up to 20x faster than jQuery! 

__[3. Three.js](https://threejs.org/)__
![three.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/14pk3cixtq2r8rqlrlvs.png)
Three.js is a lightweight and user-friendly JavaScript 3D animation library.Three.js have 70K+ stars on GitHub. It’s dependent on WebGL to create and render 3D animations in the browsers.

__[4. Mo.js](https://mojs.github.io/)__
![mo.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e3fu8aelt2zwkwajf887.png)
Mo.js is a javascript motion graphics library.It's fast, retina-ready, modular, and open source library.

__[5. Popmotion](https://popmotion.io/)__
![popmotion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8cqi02rd2xcvm4fcg0ow.png)
Popmotion gives the power of JavaScript merged with the simplicity of CSS to make declarative animations easily on your HTML, SVG, and React projects.It features animations like keyframes, decay, timeline for synchronizing multiple instances and more.

__[6. AniJS](https://anijs.github.io/)__
![anijs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zczslgxwp25v7rx2web1.png)
AniJS lets you create animated styling for your website without any JavaScript or CSS coding! You can specify all your animations with HTML using a simple If-On-Do-To syntax.It allows you to add animations to elements in a simple way.

__[7. KUTE.js](https://thednp.github.io/kute.js/)__
![kutejs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5rxm4639hmutdhd40o21.png)
KUTE.js is a feature-rich JavaScript animation library.KUTE.js is now a fully featured animation engine you can use to create complex animations, with properties or elements that cannot be animated with CSS3 transitions.

__[8. Velocity.js](http://velocityjs.org/)__
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atmtp57cj22puqksqfaa.png)
Velocity.js is a JavaScript animation library for fast performing animations.It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined.

__[9. Vivus.js](https://maxwellito.github.io/vivus/)__
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pv33mqmja7id358lalb4.png)
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn.

__[10. ScrollReveal JS](https://scrollrevealjs.org/)__
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2dfd1ooadwkmesrocf8i.png)
ScrollReveal is a JavaScript library for easily animating elements as they scroll into view.It was designed to be robust and flexible.