# Animate

- **Website:** <https://animate.style>
- **Primary alias:** `animate.style`

## Description

Animate.css is a highly useful library of cross-browser animations that allows you to easily incorporate dynamic and engaging animations into your web projects. Whether you're looking to add emphasis, create eye-catching home pages, design interactive sliders, or guide user attention, Animate.css has got you covered. This library offers an extensive collection of animation options, ranging from attention-seeking animations like bounce, flash, pulse, and shake, to elegant back entrances and exits, bouncing entrances and exits, fading entrances and exits, flippers, lightspeed transitions, rotating entrances and exits, special animations like hinge and roll, zooming entrances and exits, and sliding entrances and exits. With such a diverse range of animations at your disposal, you can bring your web elements to life and create an immersive user experience. Installing Animate.css is a breeze, as you can do so using npm or Yarn, or simply by adding the library's CDN link to your webpage. Once installed, you can easily apply animations to any element by adding the animate__animated class along with the animation name. You can also make use of Animate.css's keyframes to create custom animations for a more tailored experience. One of the standout features of Animate.css is its use of CSS variables, or custom properties, which allow for easy customization and modification of animation attributes like duration, delay, and iterations. This level of flexibility ensures that you have complete control over the timing and pacing of your animations. Overall, Animate.css is a powerful tool for enhancing the visual appeal and interactivity of your web projects, providing a seamless and enjoyable user experience. Take advantage of this incredible library and breathe life into your web elements with captivating animations.

## Industries

- 🍿 Arts and Entertainment
- 🖥 Computers Electronics and Technology
- 🍿 Animation and Comics _(under Arts and Entertainment)_
- 🍿 TV Movies and Streaming _(under Arts and Entertainment)_
- 🎮 Games

## Links

- [github](https://github.com/animate-css)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Fire Bush | #e69138 | accent |
| Meteorite | #351c75 | dark |
| Double Pearl Lusta | #fce5cd | light |

## Fonts

- Work Sans — asset _(google)_

---

_Source: <https://brandfetch.com/animate.style>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._