Top 10 JavaScript Animation Libraries

• three.js

  455 99,568 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.

• anime.js

  92 48,914 6.3 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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• scrollreveal

  18 22,167 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

  16 18,284 8.5 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

  31 29,737 6.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.

• popmotion

  1 19,844 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

  44 34,720 8.2 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.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• velocity

  3 17,272 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

  101 18,883 4.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

  5 14,785 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

  17 14,867 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