animejs

Anime.js is a versatile JavaScript animation engine that simplifies creating various types of web animations.

Latest Ver 4.4.1

Homepage

Github

70,923

Awaken the Emotions of the Web.

Create stunning and flexible web animations with Animejs.

Anime.js can animate CSS properties, SVGs, DOM attributes, and JavaScript objects. It also supports timeline features, making it easy to manage complex animation sequences.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/animejs/4.4.1/anime.esm.min.js

https://cdnjs.cloudflare.com/ajax/libs/animejs/4.4.1/anime.umd.min.js

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id='box' style='width: 100px; height: 100px; background-color: red;'></div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>

⚙️ JavaScript
anime({ targets: '#box', translateX: 250, duration: 2000 });

⚡ Top Tools for Developers