dubisdev / tailwind-animations

Easy peasy animations for your Tailwind project

Awesome Tailwind Animations

Get your animations easily done with only Tailwind CSS classes.

Visit the website to get more information.

Installation

Install the package with your favorite package manager:

$ npm install @midudev/tailwind-animations
$ pnpm add @midudev/tailwind-animations
$ yarn add @midudev/tailwind-animations

Use the plugin in your Tailwind configuration:

// tailwind.config.mjs
import animations from '@midudev/tailwind-animations'

export default {
  // rest of the options
  plugins: [
    animations
  ],
}

Usage

Here are some simple examples of how to use this plugin and its animations:

<div class="animate-fade-in">
  Fade in box
</div>

<div class="animate-slide-in-bottom animate-delay-300 animate-duration-slow">
  Slow animation after 300ms to slide in from bottom
</div>

Contributors