Top 10 JavaScript Animation Libraries

Javascript UI Libraries Charting Libraries Animation

Velocity.js Landing Page
1

Velocity.js

Velocity is a JavaScipt animation engine.
Pricing:
- Open Source
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.

#Javascript UI Libraries #Charting Libraries #Animation 3 social mentions
Three.js Landing Page
2

Three.js

A JavaScript 3D library which makes WebGL simpler.
Pricing:
- Open Source
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.

#Javascript UI Libraries #Flowcharts #Org Charts 233 social mentions
ScrollReveal Landing Page
3

ScrollReveal

ScrollReveal is a tool to add scroll animations for web and mobile browsers.
Pricing:
- Open Source
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.

#Animation #JavaScript #CSS 4 social mentions
scrollmagic.io
4

ScrollMagic

The jQuery plugin for magical scroll interactions.
Pricing:
- Open Source
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.

#Animation #JavaScript #CSS 25 social mentions
Popmotion Landing Page
5

Popmotion

Popmotion is the JavaScript motion engine that enables user to create delightful user interfaces.
Pricing:
- Open Source
Popmotion (19.8k ⭐) — Tiny animator's toolbox supports keyframe and spring animations for numbers, colors and complex strings.

#Javascript UI Libraries #Developer Tools #Charting Libraries 6 social mentions
GreenSock Landing Page

6

GreenSock

GreenSock community forums where questions about GSAP and HTML5/JavaScript animation are answered. Uncommonly kind and welcoming tone.

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.

#Javascript UI Libraries #JS Library #Charting Libraries 54 social mentions
Bodymovin Landing Page

7

Bodymovin

After Effects plugin for exporting animations to svg/canvas/html + js

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.

#Flowcharts #Javascript UI Libraries #Org Charts 5 social mentions
Anime.js Landing Page
8

Anime.js

Lightweight JavaScript animation library
Pricing:
- Open Source
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.

#Javascript UI Libraries #Charting Libraries #Development 40 social mentions