# Top 5 JavaScript animation libraries 2021

Animations are the **game changer** when it comes to quality user experience. **Everyone wants to use it** but in a way that website visitors don't want to quit. So I've gathered here best five JavaScript animation libraries. **Let's start:**

### 1. Anime.js
[Anime.js](https://animejs.com/) is a **lightweight JavaScript animation library** with a simple, yet powerful API. It works with **CSS properties, SVG, DOM attributes and JavaScript Objects.**

*Well just look at this example:*

%[https://codepen.io/ainalem/pen/jBZxYe]

### 2. Vivus
[Vivus](http://maxwellito.github.io/vivus/) is a lightweight JavaScript library *(with no dependencies)* that allows you to animate **SVGs,** giving them the appearence of being drawn.

*Just interact with the example below by clicking and holding:*

%[https://codepen.io/mattrothenberg/pen/Ramwvw]

### 3. GSAP
[GSAP](https://greensock.com/) is a JavaScript library that is turning **developers into animation superheroes.** It is one of the most popular javascript libraries out there. You can animate **almost anything** with the help of this library.

*Just use this library to create awesome animation like one given below:*

%[https://codepen.io/GreenSock/pen/yhEmn]

### 4. Typeit.js
 [Typeit.js](https://typeitjs.com/) allows creating **awesome typing animation** in your website. If you want to add typing animation on your website then go for it.

*Just look at this cool story of a programmer*

%[https://codepen.io/alexmacarthur/pen/MOPQvp]

### 5. ScrollOut
[ScrollOut.js](https://scroll-out.github.io/) is a javascript library that **detects changes in scroll for reveal, parallax, and CSS Variable effects.**

*Just scroll down this codepen*

%[https://codepen.io/notoriousb1t/pen/zLbVEW]

May be I've missed some other cool libraries, *just let me know in the comment section down below.* And I can't forget Threejs also.