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)