Home / JavaScript / 5 Amazing JavaScript Animation Libraries

5 Amazing JavaScript Animation Libraries

2 minutes read
114 Views
maxresdefault

ScrollReveal

ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the viewport. It was designed to be robust and flexible, but hopefully, you’ll be surprised below at how easy it is to pick up.

Lottie Js

Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and on the web!

For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating them by hand. They say a picture is worth 1,000 words so here are 13,000:

All of the animations were created in After Effects, exported with Bodymovin, and rendered natively with no additional engineering effort.

Bodymovin is an After Effects plugin created by Hernan Torrisi that exports After effects files as JSON and includes a javascript web player. We’ve built on top of his great work to extend its usage to Android, iOS, React Native, and Windows.

Read more about it on our blog post Or get in touch on GitHub or via lottie@airbnb.comAniJS

AniJS

A Library to Raise your Web Design without Coding.

The easiest and quick way to Raise your web!!!

 mo.js

The mojs animation library allows you to animate all other animatable CSS properties as well. You just have to make sure that you provide valid initial and final values for them. For instance, you can animate the background color of an element by specifying valid values for background.

vivus

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.


Post author

Hi, I am Adnan Ashraf from Okara Pakistan. I am a Content Writer, and SEO Expert.

  Tweet It


Leave a Reply

Your email address will not be published. Required fields are marked *