A configuration to use Animate.css with Tailwind CSS .

View 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 .