Beautiful, Performant, Accessible

Tailwind Motion

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

Open Source / MIT License

GitHub

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')], 
};

Usage

Presets

Settings