30 Javascript animation libraries for 2022
Tags: javascript, webdev, programming, beginners
Published: 2022-01-28 15:50:15

## Howdy Geeks! 👋

Animation makes us be able to tell stories and communicate emotions and ideas in a unique way. Here are 30 JavaScript animation libraries to use in your projects today.

## 1. [Greensock](https://greensock.com/)

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


## 2. [VelocityJS](http://velocityjs.org/)

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

## 3. [Lax.js](https://github.com/alexfoxy/laxxx)

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


## 4. [Rellax.js](https://github.com/dixonandmoe/rellax)

A buttery smooth, super lightweight, vanilla javascript parallax library


## 5. [three.js](https://github.com/mrdoob/three.js/)

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


## 6. [wow.js](https://wowjs.uk/)

Reveal Animations When You Scroll.

## 7. [Chocolat.js](http://chocolat.insipi.de/)

Free lightbox plugin.

## 8. [Animate on Scroll](https://michalsnik.github.io/aos/)

Animate on scroll library to reveal animations when You scroll.

## 9. [TiltJS](http://gijsroge.github.io/tilt.js/)

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


## 10. [Rough Notation](https://roughnotation.com/)

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


## 11. [tsParticles](https://particles.matteobruni.it/)

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

## 12. [Particles.js](https://vincentgarreau.com/particles.js/)

A lightweight JavaScript library for creating particles


## 13. [mo.js](https://mojs.github.io/)

The motion graphics toolbelt for the web

## 14. [Lightbox2](https://lokeshdhakar.com/projects/lightbox2/)

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

## 15. [Slick](https://kenwheeler.github.io/slick/)

Fully responsive carousel


## 16. [Barba.js](https://barba.js.org/)

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


## 17. [Locomotive Scroll](https://locomotivemtl.github.io/locomotive-scroll/)

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

## 18. [Owl Carousel](https://owlcarousel2.github.io/OwlCarousel2/)

Free responsive jQuery carousel

## 19. [SwiperJS](https://swiperjs.com/)

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


## 20. [Splide](https://splidejs.com/)

Free, pure JS library for carousels and sliders


## 21. [Simple Parallax](https://simpleparallax.com/)

The easiest way to get a parallax effect with javascript


## 22. [Kute.js](https://thednp.github.io/kute.js/)

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

## 23. [Granim.js](https://sarcadass.github.io/granim.js/index.html)

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


## 24. [Popmotion](https://popmotion.io/)

Simple animation libraries for delightful user interfaces.

## 25. [Vivus](https://maxwellito.github.io/vivus/)

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

## 26. [Typed.js](https://mattboldt.com/demos/typed-js/)

A JavaScript Typing Animation Library.

## 27. [Progress Bar JS](https://kimmobrunfeldt.github.io/progressbar.js/)

Responsive and slick progress bars with animated SVG paths.

## 28. [AnimeJS](https://animejs.com)

Lightweight JavaScript animation library with a simple, yet powerful API.

## 29. [AniJS](https://anijs.github.io)

A Library to Raise your Web Design without Coding

## 30. [Remotion](https://www.remotion.dev/)

This is not an animation library per se but you can use this to make videos by writing Javascript code.

## Thank you for reading!
Follow us on [Twitter](https://twitter.com/geektechpub) for more tech blogs.

Until next time,
Abhiraj