@adrian_rocafull/tailwind-animations
v0.0.6
Published
The Tailwind Animations Plugin is a Tailwind CSS plugin that enables you to easily add animations to your components using Tailwind utility classes
Downloads
22
Readme
Awesome Tailwind Animations
Get your animations easily done with only Tailwind CSS classes.
Visit the website to get more information.
Installation :book:
Package install
Install the package with your favorite package manager:
- npm
npm install @adrian_rocafull/tailwind-animations
- pnpm
pnpm install @adrian_rocafull/tailwind-animations
- yarn
yarn add @adrian_rocafull/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 :gear:
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>