Top 10 JavaScript Animation Libraries

1. three.js

   1 508 112,871 9.9 JavaScript

   JavaScript 3D Library.

   

   Three.js (99.1k ⭐) — A popular JavaScript library used for creating and displaying 3D computer graphics on the web. It provides a high-level API that abstracts away the complexities of WebGL, a low-level graphics API, making it easier for developers to work with 3D graphics in the browser.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. anime.js

   2 119 69,439 8.8 JavaScript

   JavaScript animation engine

   

   Anime.js (48.8k ⭐) — A lightweight library with a simple API that can animate HTML, CSS, JS, SVG and DOM attributes. It has a built-in staggering system, callbacks and controls, and various easing and animation effects.

4. scrollreveal

   3 19 22,519 0.0 JavaScript

   Animate elements as they scroll into view.

   

   ScrollReveal (22.1k ⭐) — A library for easily animating elements as they enter/leave the viewport. It was designed to be robust and flexible, but hopefully you’ll be surprised below at how easy it is to pick up.

5. Mo.js

   4 21 18,704 5.3 CoffeeScript

   The motion graphics toolbelt for the web

   

   Mo.js (18.3k ⭐) — Motion graphics library provides built-in components to start animating from scratch like html, shape, swirl, burst and stagger, but also bring you tools to help craft your animation in a most natural way.

6. lottie-web

   5 33 31,892 1.2 JavaScript

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

   

   Lottie (29.7k ⭐) — A library that renders Adobe After Effects animations exported as JSON with the Bodymovin plugin. It allows you to use complex animations created by designers without coding them manually.

7. popmotion

   6 5 20,171 0.0 JavaScript

   Simple animation libraries for delightful user interfaces

   

   Popmotion (19.8k ⭐) — Tiny animator's toolbox supports keyframe and spring animations for numbers, colors and complex strings.

8. Lottie for Android, iOS, and React Native

   7 48 35,610 6.9 Java

   Render After Effects animations natively on Android and iOS, Web, and React Native

   

   Lottie (29.7k ⭐) — A library that renders Adobe After Effects animations exported as JSON with the Bodymovin plugin. It allows you to use complex animations created by designers without coding them manually.

9. velocity

   8 3 17,230 0.0 JavaScript

   Accelerated JavaScript animation.

   

   Velocity.js (17.3k ⭐) — A library that combines the best of jQuery and CSS transitions. It can animate colors, transforms, loops, easings, SVGs and more. It can work with or without jQuery and has a high performance.

10. GreenSock-JS

    9 125 25,568 4.0 JavaScript

    GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

    

    GSAP (18.7k ⭐) — A library for building high-performance animations that work in every major browser. It can animate anything on the web, including CSS, SVG, canvas, React, Vue and more. It has advanced features like motion paths, physics, morphing and more.

11. ScrollMagic

    10 6 14,951 8.7 TypeScript

    The javascript library for magical scroll interactions.

    

    ScrollMagic (14.8k ⭐) — A library for creating scroll interactions with JavaScript and CSS. It can trigger animations based on scroll position and pin elements within the viewport. It has over 11K stars on GitHub.

12. typed.js

    11 18 16,277 5.8 JavaScript

    A JavaScript Typing Animation Library

    

    Typed.js (14.8k ⭐) — A library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.

Suggest a related project