Tool
Animate.css
Drop-in CSS animation class library
About
Animate.css v4 brought some breaking changes , please refer to the migration guide before updating from v3.x and under.
Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
Or install with Yarn (this will only work with appropriate tooling like Webpack, Parcel, etc. If you are not using any tool for packing or bundling your code, you can simply use the CDN method below):
After installing Animate.css, add the class animate__animated to an element, along with any of the animation names (don't forget the animate__ prefix!):
Features
- bounce Copy class name to clipboard
- flash Copy class name to clipboard
- pulse Copy class name to clipboard
- rubberBand Copy class name to clipboard
- shakeX Copy class name to clipboard
- shakeY Copy class name to clipboard
- Pricing
- Open Source
- Pricing detail
- MIT
- Platforms
- CSS
Alternatives from our catalog
Tools on the same shelves as Animate.css, ordered by shared tags and our own comparisons. Not vendor endorsements.
- MotiOpen Source · React Native + Web
Universal RN+web interaction library
same tags
- React Transition GroupOpen Source · React
Massive downloads for mount/unmount interactions
same tags
- VivusOpen Source · Web
Underrated SVG draw-on effect without GSAP DrawSVG
same tags
- React SpringOpen Source · React / web
Best-in-class interruptible spring motion; pairs with R3F
same tags
- Web Animations APIFree · Web
Zero-dependency foundation libraries build atop
same tags
- View Transition APIFree · Web
Native platform direction for page UI transitions in 2026
same tags