DEV Community

loading...

10 Best JavaScript Animation Libraries πŸ”₯

TANMOY MANDAL
FullStack Web Developer || UI-UX Designer
・2 min read

1. Anime.js
anime.js
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
GSAP
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
three.js
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
mo.js
Mo.js is a javascript motion graphics library.It's fast, retina-ready, modular, and open source library.

5. Popmotion
popmotion
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
anijs
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
kutejs
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
Alt Text
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
Alt Text
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
Alt Text
ScrollReveal is a JavaScript library for easily animating elements as they scroll into view.It was designed to be robust and flexible.

Discussion (2)

Collapse
phelixdusengimana profile image
phelixdusengimana

good resources, thank you ):

Collapse
tantanmoy profile image
TANMOY MANDAL Author

Welcome...