Animation library for Tailwind CSS Library

1 min read Original article ↗

Simple interface, infinite configurability

An intuitive syntax — built for movement.

Accessible by design

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

Performance tested & optimized

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

Installation

1

npm i -d tailwindcss-motion

2

// tailwind.config.js

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

Documentation

View full documentation →

Usage

Presets

Custom Animations

Animator is best experienced on a desktop device.

Made in 🇬🇧

2024 © Rombo Limited