animate.css

animate.css is a CSS library that provides app-like animations for your websites and web apps with ease. It allows the implementation of various animations just by adding simple classes, without the need for complex JavaScript.

Latest Ver 4.1.1

Homepage

Github

81,632

The breath of the web, the magic of animation.

Infuse your website with life by simply adding a class.

A CSS library that enables a variety of animation effects just by adding simple classes.

CDN Download

License: MIT

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.css

https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.compat.min.css

https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.css

https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css

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='animatedElement' class='animate__animated animate__bounce'>Hello, animate.css!</div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">