Resources 4 WebDev

Javascript Animation Libraries

javascript animations libraries to build awesome animations for websites and applications

Greensock

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

Velocity.js

Velocity is a lightweight animation engine with the same API as jQuery's $.animate()

lax.js

Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!

Rellax.js

A buttery smooth, super lightweight, vanilla javascript parallax library

three.js

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

Atropos

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

wow.js

Reveal Animations When You Scroll.

chocolat.js

Free lightbox plugin.

Animate On Scroll

Animate on scroll library to reveal animations when You scroll.

Tilt.js

A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery.

Roughnotation

Rough Notation is a small JavaScript library to create and animate annotations on a web page

tsParticles

A lightweight library for creating particles, an improved version of the abandoned and obsolete particles.js

Particles.js

A lightweight JavaScript library for creating particles

mo.js

The motion graphics toolbelt for the web

Lightbox2

A small JS library to overlay images on top of the current page.

Slick

Fully responsive carousel

barba.js

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

Locomotive Scroll

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

Owl carousel

Free responsive jQuery carousel

Swiperjs

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

Splide

Free, pure JS library for carousels and sliders

Simple Parallax

The easiest way to get a parallax effect with javascript

KUTE.js

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

Granim.js

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

Popmotion

Simple animation libraries for delightful user interfaces.

Vivus

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.

Typed.js

A JavaScript Typing Animation Library.

Progress Bar.js

Responsive and slick progress bars with animated SVG paths.

Midnight.js

Midnight.js lets you switch fixed headers on the fly

Tingle.js

Tingle is a simple modal plugin written in pure JavaScript

Theatre.js

Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.

splidejs

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

nice-waves

Beautiful animated waves

Vanta.js

Animated website backgrounds in a few lines of code.

Splitting.js

Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!