@adrian_rocafull/tailwind-animations
Version:
The Tailwind Animations Plugin is a Tailwind CSS plugin that enables you to easily add animations to your components using Tailwind utility classes
58 lines (43 loc) • 1.13 kB
Markdown
<div align="center">
Get your animations easily done with only Tailwind CSS classes.
Visit the [website](https://tailwindcss-animations.vercel.app/) to get more information.
</div>
> Install the package with your favorite package manager:
- npm
```bash
npm install @adrian_rocafull/tailwind-animations
```
- pnpm
```bash
pnpm install @adrian_rocafull/tailwind-animations
```
- yarn
```bash
yarn add @adrian_rocafull/tailwind-animations
```
> Use the plugin in your Tailwind CSS project:
```js
// tailwind.config.mjs
import animations from '@midudev/tailwind-animations'
export default {
// rest of the options
plugins: [
animations
],
}
```
> Here are some simple examples of how to use this plugin and its animations:
```html
<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>
```