Animate.css

Animate.css is a library of ready-to-use, cross-browser animations for your web projects. It's excellent for adding emphasis, animating home pages, creating dynamic sliders, and guiding user attention. Getting started is simple: install via npm/Yarn or use a CDN, then add the required classes to your HTML elements.

The library offers a vast collection of animations categorized for easy discovery, including:

• Attention Seekers (bounce, flash, pulse)
• Entrances & Exits (fading, sliding, zooming)
• Flippers, Rotators, and Specials

Beyond the pre-built effects, deep customization is possible using CSS Custom Properties. You can easily adjust animation duration, delay, and iteration counts globally or on a per-element basis. The library also includes handy utility classes for controlling speed (animate__fast), delay (animate__delay-2s), and repetition (animate__repeat-3). For advanced use, you can also directly reference the animation @keyframes.

The library respects user preferences by supporting the prefers-reduced-motion media query, a critical accessibility feature that disables animations for users who need it.