Top 10 JavaScript Animation Libraries

• three.js

  472 102,137 10.0 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.

• CodeRabbit

  coderabbit.ai featured

  CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

  

• anime.js

  97 49,720 4.7 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.

• scrollreveal

  19 22,362 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.

• Mo.js

  18 18,476 8.4 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.

• lottie-web

  32 30,443 2.9 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.

• popmotion

  3 19,976 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.

• Lottie for Android, iOS, and React Native

  46 34,994 8.4 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.

• SaaSHub

  www.saashub.com featured

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

  

• velocity

  3 17,278 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.

• GreenSock-JS

  110 19,656 2.7 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.

• ScrollMagic

  6 14,891 1.9 JavaScript

  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.

• typed.js

  18 15,498 4.3 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