JavaScript’s accessibility and event-driven programming model make the language ideal for creating animation libraries. Developers are given the freedom to move a number of DOM elements when working in the JS platform. Adding a JS animation to an application can add functionality or grab the user’s attention. CSS is capable of basic animations after user events but isn’t effective when the developer needs significant control over the animation. JavaScript animation libraries enhance web applications by enabling complex and advanced effects not capable in HTML or CSS. JS is compatible with most web browsers as well as iOS and Android applications making it a popular choice for developers looking to add animation to their projects. Below are our top JavaScript animation libraries, ready to be implemented into your web application. Using these JS libraries helps developers animate CSS properties, DOM elements, and SVG on a webpage by simplifying commonly used JS animation practices. Anime.js provides a comprehensive animation toolkit that works with CSS properties, SVG, DOM attributes and JavaScript Objects. lotte-web is great for mobile applications. Lotte-web can parse your after effects animations and can render them natively for the web. Animating elements as they appear on screen is a hot trend and scroll-reveal library helps you achieve this.
lottie-webby airbnb
Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
lottie-webby airbnb
JavaScript
28525
Version:Current
License: Permissive (MIT)
react-motionby chenglou
A spring that solves your animation problems.
react-motionby chenglou
JavaScript
21497
Version:v0.5.2
License: Permissive (MIT)
scrollrevealby jlmakes
Animate elements as they scroll into view.
scrollrevealby jlmakes
JavaScript
21545
Version:Current
License: No License
popmotionby Popmotion
Simple animation libraries for delightful user interfaces
popmotionby Popmotion
JavaScript
19427
Version:Current
License: No License
GSAPby greensock
GreenSock's GSAP JavaScript animation library (including Draggable).
GSAPby greensock
JavaScript
16408
Version:Current
License: No License
vivusby maxwellito
JavaScript library to make drawing animation on SVG
vivusby maxwellito
JavaScript
14817
Version:v0.4.6
License: Permissive (MIT)
Snap.svgby adobe-webplatform
The JavaScript library for modern SVG graphics.
Snap.svgby adobe-webplatform
JavaScript
13698
Version:Current
License: Permissive (Apache-2.0)
react-sortable-hocby clauderic
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-sortable-hocby clauderic
JavaScript
10492
Version:Current
License: Permissive (MIT)
svg.jsby svgdotjs
The lightweight library for manipulating and animating SVG
svg.jsby svgdotjs
JavaScript
10313
Version:3.2.0
License: Others (Non-SPDX)
react-native-animatableby oblador
Standard set of easy to use animations and declarative transitions for React Native
react-native-animatableby oblador
JavaScript
9515
Version:v1.3.3
License: Permissive (MIT)
react-transition-groupby reactjs
An easy way to perform animations when a React component enters or leaves the DOM
react-transition-groupby reactjs
JavaScript
9847
Version:v4.4.5
License: Others (Non-SPDX)
lax.jsby alexfoxy
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.jsby alexfoxy
JavaScript
9853
Version:v2.0.3
License: Permissive (MIT)
progressbar.jsby kimmobrunfeldt
Responsive and slick progress bars
progressbar.jsby kimmobrunfeldt
JavaScript
7690
Version:1.0.1
License: Permissive (MIT)
konvaby konvajs
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
konvaby konvajs
TypeScript
9395
Version:2.1.3
License: Others (Non-SPDX)
react-native-scrollable-tab-viewby ptomasroos
Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar
react-native-scrollable-tab-viewby ptomasroos
JavaScript
6876
Version:v1.0.0
License: No License
react-moveby sghall
React Move | Beautiful, data-driven animations for React
react-moveby sghall
JavaScript
6542
Version:v6.1.0
License: Permissive (MIT)
animateplusby bendc
A+ animation module for the modern web
animateplusby bendc
JavaScript
5921
Version:Current
License: Permissive (MIT)
smooth-scrollby cferdinandi
A lightweight script to animate scrolling to anchor links.
smooth-scrollby cferdinandi
JavaScript
5472
Version:Current
License: Permissive (MIT)
snabbt.jsby daniel-lundin
Fast animations with javascript and CSS transforms
snabbt.jsby daniel-lundin
JavaScript
5223
Version:v0.6.4
License: Permissive (MIT)