Motion made simple,
for Tailwind CSS

npm i -d tailwindcss-motion

A new simple syntax animation library.
Batteries included. Infinitely configurable.

Open Source / MIT License

Simple interface, infinite configurability

An intuitive syntax — built for movement.

Animation accessibility is no longer a nice-to-have. We’ve built in accessibility by default.

No need to worry about browser-compatibility, property calculations, frames-per-second.

npm i -d tailwindcss-motion

// tailwind.config.js

export default {
     theme: {
        extend: {}, 
    },
   plugins: [require('tailwindcss-motion')], 
};

Duration