# Animate.css

> library of CSS animations

**Wikidata**: [Q100770934](https://www.wikidata.org/wiki/Q100770934)  
**Source**: https://4ort.xyz/entity/animate-css

## Summary
Animate.css is a free, cross-platform CSS animation library used to add dynamic effects to web projects. Licensed under the MIT License and later the Hippocratic License, it provides pre-built animations without requiring JavaScript. It simplifies the process of incorporating animations into websites using only CSS.

## Key Facts
- **License**: MIT License (as of 2020) and Hippocratic License (as of 2025).
- **Cross-Platform**: Runs on multiple operating systems and browsers.
- **Versions**: Notable releases include 2.1.1 (2013), 3.0.0 (2013), and 3.3.0 (2015).
- **Website**: Official site at [https://animate.style/](https://animate.style/).
- **Programming Language**: Built with Cascading Style Sheets (CSS).
- **Package Managers**: Available via npm (`animate.css`) and Debian/Ubuntu (`libjs-animate.css`).
- **Repository**: Hosted on GitHub at [https://github.com/animate-css/animate.css](https://github.com/animate-css/animate.css).

## FAQs
### Q: What is Animate.css used for?
A: Animate.css is used to easily add CSS animations to web projects, such as fading, sliding, or bouncing effects, without needing to write custom JavaScript.

### Q: Is Animate.css free to use?
A: Yes, Animate.css is free software. It was initially licensed under the MIT License and later adopted the Hippocratic License in 2025.

### Q: How do I install Animate.css?
A: Animate.css can be installed via npm using `npm install animate.css` or by linking to the CSS file from a CDN or local copy.

## Why It Matters
Animate.css revolutionized web animation by providing a simple, standardized way to implement engaging visual effects using only CSS. Before its creation, developers often relied on JavaScript libraries or manual CSS keyframe definitions, which were more complex and error-prone. By offering a pre-built set of animations, Animate.css reduced development time and lowered the barrier to entry for adding sophisticated animations to websites. Its cross-platform compatibility and free licensing model made it accessible to a wide audience, contributing to its widespread adoption in both personal and commercial projects. The library’s maintenance over multiple versions (e.g., 3.3.0 in 2015) and its inclusion in package managers like npm further solidified its role as a foundational tool in frontend development.

## Notable For
- **Cross-Platform Compatibility**: Works across browsers and devices without modification.
- **No JavaScript Dependency**: Animations are triggered purely through CSS classes.
- **Extensive Animation Library**: Includes dozens of customizable effects (e.g., bounce, fade, flip).
- **Active Maintenance**: Regular updates and community support via GitHub.
- **Dual Licensing**: Unique adoption of both MIT and Hippocratic Licenses to enforce ethical use.

## Body

### Overview
Animate.css is a CSS animation library designed to simplify the integration of visual effects into web interfaces. It operates under the CSS animations module, allowing developers to apply animations by adding class names to HTML elements. The library is classified as free software, a JavaScript library, and a software library.

### Licensing
- **MIT License**: Applied as of 2020 (reference: npmjs.com).
- **Hippocratic License**: Adopted in 2025 (reference: GitHub repository).

### Version History
- **2.1.1**: Released on November 9, 2013.
- **3.0.0**: Released on November 23, 2013.
- **3.3.0**: Released on May 17, 2015.
- **Stable Versions**: 3.1.1 and 3.2.5 were marked as stable, distributed via npm.

### Technical Details
- **Platform**: Cross-platform (operates on multiple computing environments).
- **Code Repository**: Hosted on GitHub with a Git Smart HTTP over TLS protocol.
- **Code of Conduct**: Governed by a publicly available document in English.

### Usage
- **Installation**: Accessible via npm (`animate.css`), Debian/Ubuntu (`libjs-animate.css`), or direct CSS inclusion.
- **Animations**: Triggered by applying CSS classes (e.g., `animate__bounce`) to HTML elements.
- **Customization**: Supports adjustments to animation speed, delay, and iteration counts through CSS variables.

## References

1. [Source](https://www.npmjs.com/package/animate.css)
2. [Source](https://github.com/animate-css/animate.css/blob/main/LICENSE)
3. [2025](https://github.com/EvanLi/Github-Ranking/blob/master/Data/github-ranking-2025-07-06.csv)
4. [Release 2.1.1. 2013](https://github.com/animate-css/animate.css/releases/tag/2.1.1)
5. [Release 3.0.0. 2013](https://github.com/animate-css/animate.css/releases/tag/3.0.0)
6. [Release 3.1.0. 2014](https://github.com/animate-css/animate.css/releases/tag/3.1.0)
7. [Release 3.1.1. 2014](https://github.com/animate-css/animate.css/releases/tag/3.1.1)
8. [npmjs](https://registry.npmjs.com/animate.css)
9. [Release 3.2.0. 2014](https://github.com/animate-css/animate.css/releases/tag/3.2.0)
10. [Release 3.2.1. 2015](https://github.com/animate-css/animate.css/releases/tag/3.2.1)
11. [Release 3.2.2. 2015](https://github.com/animate-css/animate.css/releases/tag/3.2.2)
12. [Release 3.2.3. 2015](https://github.com/animate-css/animate.css/releases/tag/3.2.3)
13. [Release 3.2.5. 2015](https://github.com/animate-css/animate.css/releases/tag/3.2.5)
14. [Release 3.3.0. 2015](https://github.com/animate-css/animate.css/releases/tag/3.3.0)
15. [Release 3.4.0. 2015](https://github.com/animate-css/animate.css/releases/tag/3.4.0)
16. [Release 3.5.0. 2015](https://github.com/animate-css/animate.css/releases/tag/3.5.0)
17. [Release 3.5.1. 2016](https://github.com/animate-css/animate.css/releases/tag/3.5.1)
18. [Release 3.5.2. 2016](https://github.com/animate-css/animate.css/releases/tag/3.5.2)
19. [Release 3.6.2. 2018](https://github.com/animate-css/animate.css/releases/tag/v3.6.2)
20. [Release 3.7.0. 2018](https://github.com/animate-css/animate.css/releases/tag/3.7.0)
21. [Release 3.7.1. 2019](https://github.com/animate-css/animate.css/releases/tag/v3.7.1)
22. [Release 3.7.2. 2019](https://github.com/animate-css/animate.css/releases/tag/3.7.2)
23. [Release 4.0.0. 2020](https://github.com/animate-css/animate.css/releases/tag/v4.0.0)
24. [Release 4.1.0. 2020](https://github.com/animate-css/animate.css/releases/tag/v4.1.0)
25. [Release 4.1.1. 2020](https://github.com/animate-css/animate.css/releases/tag/v4.1.1)
26. [Source](https://api.github.com/repos/animate-css/animate.css)
27. [Source](https://registry.npmjs.org/animate.css)
28. [Source](https://github.com/animate-css/animate.css)