Javascript Animation Libraries

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.

GSAP is the most complete choice for complex timelines and scroll-driven sequences, while Motion One and Anime.js cover most needs with a smaller footprint. Theatre.js adds a visual editor for choreographing animations. For carousels, prefer dependency-free options like Swiper or Splide over jQuery plugins such as Slick and Owl Carousel, which pull in jQuery.

Weigh bundle size and runtime cost against the effect. Particle backgrounds, Vanta.js scenes and smooth-scroll libraries run continuously and can hurt battery life and scrolling on low-end phones. Load heavy libraries only on pages that use them, pause offscreen work, and honor prefers-reduced-motion. Smaller utilities like Typed.js, Vivus, Rough Notation and Splitting.js are cheap ways to add one memorable effect.

GSAPgsap.com

A JavaScript library for building high-performance animations that work in every major browser

V

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!

Open source10.5karchived

Rellax.jsdixonandmoe/rellax

A buttery smooth, super lightweight, vanilla javascript parallax library

Open source7.1kupdated 2y ago

three.jsmrdoob/three.js

An easy to use, lightweight, 3D library with a default WebGL renderer.

Open source116.5kupdated today

Atroposatroposjs.com

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

FreeOpen source

wow.jswowjs.uk

Reveal Animations When You Scroll.

C

chocolat.jschocolat.insipi.de

Free lightbox plugin.

Free
A

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

T

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.

S

Slickkenwheeler.github.io

Fully responsive carousel

barba.jsbarba.js.org

Create fluid and smooth transitions between your website’s pages.

L

Locomotive Scrolllocomotivemtl.github.io

A simple scroll library that provides detection of elements in viewport & smooth scrolling with parallax.

Swiperjsswiperjs.com

Free, Open Source, Modern Slider without jQuery. Available for Vanilla JS and all modern frameworks like React, Vue, Angular etc.

FreeOpen source

Splidesplidejs.com

Free, pure JS library for carousels and sliders

Free

Simple Parallaxsimpleparallax.com

The easiest way to get a parallax effect with javascript

K

KUTE.jsthednp.github.io

KUTE.js is a JavaScript animation engine for modern browsers.

G

Granim.jssarcadass.github.io

Create fluid and interactive gradient animations with this small javascript library.

P

Popmotionpopmotion.io

Simple animation libraries for delightful user interfaces.

V

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

T

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.

Open source3updated 1d ago
N

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!

Built on the open bradtraversy/design-resources-for-developers list by its contributors, licensed MIT. Design Resources for Developers is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Resources for Developers

Esc

Type to search every entry. ↑↓ to move, Enter to open.