DEV Community

8 JavaScript Animation Libraries You should "MUST TRY"

Subhampreet Mohanty 👨‍💻 on February 09, 2021

If you're looking to grab your website visitor's attention, what can be better than animations. You know, the first moments to hold the user's fee...

Read full post

Marciano Schildmeijer • Feb 9 '21

Was waiting for hxh.js :D

Subhampreet Mohanty 👨‍💻 • Feb 9 '21

Even am waiting for the Same "hxh.js" !!!

Leandro RR • Feb 9 '21

damn i was waiting the same =/

Victor A. Barzana • Feb 10 '21

What's that? never heard of it! Could you please share a link?

Hoang Do Van • Feb 11 '21

Hunter x Hunter. It's a japanese anime.

Gabriel Magalhães dos Santos • Feb 10 '21

Just a quick information: Three.js is not a animation library

Your propose is a better way to manipulate 3D in web. Write pure webgl is not ease, Three.js turn this a ton easer :)

For example, you can use GSAP, or Popmotion to animate 3D elements of Three.js

Subhampreet Mohanty 👨‍💻 • Feb 12 '21

Thanks for the Info. I totally agree with you on this.

Okiki Ojo • Feb 14 '21 • Edited

I'd suggest checking out my web animation library as well, it's a lightweight Web Animation library that acts as a light wrapper on the Web Animation API.

npmjs.com/package/@okikio/animate

Also, is anyone else hoping they continue Hunter x Hunter.

JC • Feb 10 '21

I would add React Spring

David Waters • Mar 7 '21

Spring compares to Framer motion which uses popmotion under hood, just fyi

Subhampreet Mohanty 👨‍💻 • Feb 12 '21

I would definitely add it in my next blog... it's just awesome ❄

Bruno • Feb 9 '21

Howler.js is very good, awesome recommedations, i will try the others now.

Btw, the "introduction" img, can you disponibilize for us?

Subhampreet Mohanty 👨‍💻 • Feb 9 '21

Thanks for your comment!!!
I hope you find the libraries quite useful and engaging🌟
Introduction Image URL: cdn.mos.cms.futurecdn.net/EzgdmaCQ...

Bruno • Feb 9 '21

Thank you!

Ashley Armstrong • Feb 11 '21

Lottie is excellent, though you'd need JSON animations; lottiefiles.com/

Subhampreet Mohanty 👨‍💻 • Feb 12 '21

Sure! I will check that out!!!

perpetual . education • Feb 11 '21

GREEN SOCK!

If you're going to go deep into something and learn the api - and basically write action script like Flash --- then might as well focus on the best one.

Subhampreet Mohanty 👨‍💻 • Feb 12 '21

I totally agree with that!

Okiki Ojo • Jun 17 '21

Might I also suggest @okikio/animate, it uses the Web Animation API to create butter smooth animations. You can read the CSS-Tricks article about it css-tricks.com/how-i-used-the-waap...