High Performance JavaScript Animation Library - Animate.js

Animate.js is a high performance and easy to use animation library implemented in Vanilla JavaScript or jQuery.

Inspired by Animate.css and currently comes with 89 animations:

How to use it:

1. Load the main JavaScript animate.min.js in the document.

<script src="/path/to/dist/animate.min.js"></script>

2. Or use it as a jQuery plugin.

<script src="/path/to/dist/jquery.min.js"></script>
<script src="/path/to/dist/animate.min.js"></script>

3. Apply an animation of your choice to the element you specify.

// Vanilla
let domElement = document.getElementById("demo");
domElement.animationName();

// jQuery
$("#demo").animationName();

4. Specify the duration of the animation in milliseconds.

// Vanilla
let domElement = document.getElementById("demo");
domElement.animationName(500);

// jQuery
$("#demo").animationName(500);

This awesome jQuery plugin is developed by koffiisen. For more Advanced Usages, please check the demo page or visit the official website.