animated-tailwindcss-ct

A configuration to use Animate.css with Tailwind CSS.

Documentation

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

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
})

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