luimont/tailwind-animations

Awesome Tailwind Animations

Get your animations easily done with only Tailwind CSS classes.

Visit the website to get more information.

Installation 📖

Package install

Install the package with your favorite package manager:

• npm

npm install @midudev/tailwind-animations

• pnpm

pnpm install @midudev/tailwind-animations

• yarn

yarn add @midudev/tailwind-animations

Plugin Implementation

Use the plugin in your Tailwind CSS project:

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

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

Usage ⚙️

Example

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 👑