A configuration to use Animate.css with Tailwind CSS.

---

Documentation

View documentation

Installation

Please see the full installation instructions for detailed steps and examples.

Quick start with NPM

In a project where you're using Tailwind CSS v3, run this to install this package:

npm add -D animated-tailwindcss

Then configure your tailwind.config.js to use the animations:

const { withAnimations } = require('animated-tailwindcss')

module.exports = withAnimations({
  // your (existing) Tailwind CSS config here
})

Credits

• Animate.css – for animation utilities & keyframes – used under the MIT license.
• Transform.tools – for converting Animate.css to JS – used under the MIT license.