Animate.css

Animate.css is a library of ready-made CSS animations that you can add to any web page. It works across browsers and suits emphasis effects, home pages, sliders and hints that guide attention.

You add a class to an element and the animation plays. The library includes attention seekers such as bounce and shake, entrance and exit effects like fade and slide, and rotating, zooming and flipping movements. Version four brought breaking changes, so read the migration guide before upgrading.

• Attention seekers like bounce, flash and shake
• Fading, sliding and zooming entrances and exits
• Rotating, flipping and lightspeed effects
• Install with npm or add via CDN

Front-end developers and designers who want simple motion on landing pages, sliders or alerts without writing keyframes. It suits quick prototypes as well as finished sites.

The library is available to download and use in web projects. Check the migration guide if you update from an older major version. Install it with npm or Yarn, or add it to a page with a CDN link.