DEV Community

Cover image for Top 5 JavaScript animation libraries 2021
Aashish Panthi
Aashish Panthi

Posted on

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 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:

2. Vivus

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:

3. GSAP

GSAP 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:

4. Typeit.js

Typeit.js 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

5. ScrollOut

ScrollOut.js is a javascript library that detects changes in scroll for reveal, parallax, and CSS Variable effects.

Just scroll down this codepen

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.

Top comments (39)

Collapse
 
socr102 profile image
Eric

Great

Collapse
 
aashishpanthi profile image
Aashish Panthi

Appreciate it :)

Collapse
 
socr102 profile image
Eric • Edited

Thank you
I want you to post many articles in the future so that we can exchange the suggestion each other

Thread Thread
 
aashishpanthi profile image
Aashish Panthi

Great, I'm publishing daily. You can ping me here aashishpanthi.hashnode.dev/ :)

Thread Thread
 
socr102 profile image
Eric

I will wait for your post
thank you for your response
:) 💕💖❤

Thread Thread
 
aashishpanthi profile image
Aashish Panthi

Really appreciate it, stay tuned I publish daily articles :) 💕

Collapse
 
idiranis profile image
idiranis

Great , I also recommend Particlejs library it's awesome

Collapse
 
aashishpanthi profile image
Aashish Panthi

Yes, it is..

Collapse
 
kishoreandra profile image
kishoreandra

very nice list aashish :)

Collapse
 
aashishpanthi profile image
Aashish Panthi

Thanks man :)

Collapse
 
ihechikara profile image
Ihechikara Vincent Abba • Edited

Awesome work. There is also Three JS.
*Edit: just saw that at the end of your article.

Collapse
 
aashishpanthi profile image
Aashish Panthi

Appreciate man :)

Collapse
 
ibrahmounk profile image
Moncɛrɛ

This is really dope

Collapse
 
aashishpanthi profile image
Aashish Panthi

Appreciate it man :)

Collapse
 
thekelson profile image
Tarcísio Kelson

GSAP is superb!

Collapse
 
aashishpanthi profile image
Aashish Panthi

yepp

Collapse
 
veggigit profile image
veggi

THX!

Collapse
 
aashishpanthi profile image
Aashish Panthi

You're welcome :)

Collapse
 
jeffchavez_dev profile image
Jeff Chavez

Love it!

Collapse
 
nana7bot profile image
Mighty Mike

Adding these to my upcoming projects

Collapse
 
aashishpanthi profile image
Aashish Panthi

Can you provide sneek peak over your project ;)

Collapse
 
imiahazel profile image
Imia Hazel

Thanks for the list.

Collapse
 
aashishpanthi profile image
Aashish Panthi

And thanks for appreciation :)