GSAPgsap.com
A JavaScript library for building high-performance animations that work in every major browser
36 resources
JavaScript animation libraries handle what CSS cannot do comfortably: timelines, physics, scroll-linked effects, SVG path drawing, WebGL scenes and page transitions. This category includes general engines like GSAP, Anime.js, Popmotion and KUTE.js, 3D with three.js, scroll tools like Locomotive Scroll, Rellax and lax.js, particles with tsParticles, and carousels such as Swiper and Splide.
GSAPgsap.com
A JavaScript library for building high-performance animations that work in every major browser
Velocity.jsvelocityjs.org
Velocity is a lightweight animation engine with the same API as jQuery's $.animate()
lax.jsalexfoxy/laxxx
Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!
Rellax.jsdixonandmoe/rellax
A buttery smooth, super lightweight, vanilla javascript parallax library
three.jsmrdoob/three.js
An easy to use, lightweight, 3D library with a default WebGL renderer.
Atroposatroposjs.com
Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.
wow.jswowjs.uk
Reveal Animations When You Scroll.
chocolat.jschocolat.insipi.de
Free lightbox plugin.
Animate On Scrollmichalsnik.github.io
Animate on scroll library to reveal animations when You scroll.
Tilt.jsgijsroge.github.io
A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.
Roughnotationroughnotation.com
Rough Notation is a small JavaScript library to create and animate annotations on a web page
tsParticlesparticles.js.org
A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js
Particles.jsvincentgarreau.com
A lightweight JavaScript library for creating particles
mo.jsmojs.github.io
The motion graphics toolbelt for the web
Lightbox2lokeshdhakar.com
A small JS library to overlay images on top of the current page.
Slickkenwheeler.github.io
Fully responsive carousel
barba.jsbarba.js.org
Create fluid and smooth transitions between your website’s pages.
Locomotive Scrolllocomotivemtl.github.io
A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax.
Owl carouselowlcarousel2.github.io
Free responsive jQuery carousel
Swiperjsswiperjs.com
Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc.
Splidesplidejs.com
Free, pure JS library for carousels and sliders
Simple Parallaxsimpleparallax.com
The easiest way to get a parallax effect with javascript
KUTE.jsthednp.github.io
KUTE.js is a JavaScript animation engine for modern browsers.
Granim.jssarcadass.github.io
Create fluid and interactive gradient animations with this small javascript library.
Popmotionpopmotion.io
Simple animation libraries for delightful user interfaces.
Vivusmaxwellito.github.io
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.
Typed.jsmattboldt.com
A JavaScript Typing Animation Library.
Progress Bar.jskimmobrunfeldt.github.io
Responsive and slick progress bars with animated SVG paths.
Midnight.jsaerolab.github.io
Midnight.js lets you switch fixed headers on the fly
Tingle.jstingle.robinparisi.com
Tingle is a simple modal plugin written in pure JavaScript
Theatre.jstheatrejs.com
Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.
splidejssplidejs.com
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Free GSAP Effectsjaydickinson/free-gsap-effects
MIT-licensed, copy-paste GSAP animation effects, UI components and website templates, each with a live demo, reduced-motion fallbacks and cleanup built in.
nice-wavesgvguy.github.io
Beautiful animated waves
Vanta.jsvantajs.com
Animated website backgrounds in a few lines of code.
Splitting.jssplitting.js.org
Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!