Animate.css

Animate.css is a library of ready-to-use, cross-browser CSS animations for use in web projects, created by Daniel Eden. The library provides over 80 animation classes organized into categories including attention seekers such as bounce, flash, pulse, rubber band, shake, swing, tada, wobble, jello, and heartbeat, entrance animations across bouncing, fading, rotating, sliding, zooming, back, flip, light speed, and special directions, and corresponding exit animations for each entrance type. Version 4 introduced a breaking change requiring all class names to be prefixed with the animate underscore convention, preventing collisions with existing project CSS. A compatibility build without the prefix is provided for migration from version 3 and earlier. Since version 4, the library uses CSS custom properties, also called CSS variables, to define animation duration, delay, and iteration count, enabling runtime customization through JavaScript by setting properties on the document root element. Utility classes provide predefined delays from 1 to 5 seconds, speed variants from fast at 500 milliseconds to slower at 3 seconds, and repeat counts from 1 to 3 plus infinite. The raw keyframes declarations can also be referenced directly in custom CSS, providing maximum flexibility without HTML modifications. Accessibility is a priority, with built-in support for the prefers-reduced-motion media query that disables animations for users with vestibular and seizure disorders on all modern browsers and operating systems. Custom builds can be generated by selecting specific animation categories, and the class prefix can be changed. The core team includes Daniel Eden as creator, Elton Mesquita as maintainer, and Waren Gonzaga as core contributor. Licensed under the Hippocratic License 2.1.