All Tools/Javascript Animation Libraries

Javascript Animation Libraries

Explore top JavaScript animation libraries like GSAP, Framer Motion, and Lottie. Build stunning web animations and interactive UI experiences.

28 tools✦5 best picks

Sort by

✦
Three.js
threejs.org
An easy to use, lightweight, 3D library with a default WebGL renderer.
(opens in a new tab)
lax.js
github.com/alexfoxy/laxxx
Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!
(opens in a new tab)
Atropos
atroposjs.com
Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.
(opens in a new tab)
Greensock
greensock.com
A JavaScript library for building high-performance animations that work in every major browser
(opens in a new tab)
scrollrevealjs
scrollrevealjs.org
Animate elements as they scroll into view.
(opens in a new tab)
Roughnotation
roughnotation.com
Rough Notation is a small JavaScript library to create and animate annotations on a web page
(opens in a new tab)
fullPage.js
alvarotrigo.com/fullPage
A simple and easy to use library that creates fullscreen scrolling websites
(opens in a new tab)
tsParticles
particles.js.org
A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js
(opens in a new tab)
✦
mo.js
mojs.github.io
The motion graphics toolbelt for the web
(opens in a new tab)
Lightbox2
lokeshdhakar.com/projects/lightbox2
A small JS library to overlay images on top of the current page.
(opens in a new tab)
Locomotive Scroll
scroll.locomotive.ca
A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax.
(opens in a new tab)
Swiperjs
swiperjs.com
Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc.
(opens in a new tab)
✦
Splide
splidejs.com
Free, pure JS library for carousels and sliders
(opens in a new tab)
Anime.js
animejs.com
JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
(opens in a new tab)
Granim.js
sarcadass.github.io/granim.js/index.html
Create fluid and interactive gradient animations with this small javascript library.
(opens in a new tab)
Popmotion
popmotion.io
Simple animation libraries for delightful user interfaces.
(opens in a new tab)
Moving Letters
tobiasahlin.com/moving-letters
Animated Text with JavaScript and anime.js
(opens in a new tab)
Typed.js
mattboldt.com/demos/typed-js
A JavaScript Typing Animation Library.
(opens in a new tab)
Splitting.js
splitting.js.org
Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!
(opens in a new tab)
Progress Bar.js
kimmobrunfeldt.github.io/progressbar.js
Responsive and slick progress bars with animated SVG paths.
(opens in a new tab)
Midnight.js
aerolab.github.io/midnight.js
Midnight.js lets you switch fixed headers on the fly
(opens in a new tab)
nice-waves
gvguy.github.io/nice-waves
Beautiful animated waves
(opens in a new tab)
LottieFiles
lottiefiles.com
Interactive animations in many formats like json,gif and mp4, libraries and plugins for Web & Mobile .
(opens in a new tab)
✦
Motion
motion.dev
A modern animation library for React and JavaScript with a powerful yet simple API.
(opens in a new tab)

Javascript Animation Libraries Guide & FAQ

Everything you need to know about choosing and using free javascript animation libraries resources.

Related Categories