Installation

Before installing Rombo for Tailwind, make sure you have Tailwind CSS installed in your project. If you haven't installed it yet, follow the Tailwind CSS installation guide.

Install the plugin via your package manager

npm i -D tailwindcss-motion

Add the plugin to your Tailwind config

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
     content: [...],
     theme: {
        extend: {...},
     },
     plugins: [require('tailwindcss-motion')], 
};

Try it out

<div class="motion-preset-pulse-sm">
  Pulse animation
</div>

Pulse animation

Installation

Install the plugin via your package manager

Add the plugin to your Tailwind config

Try it out

On this page

✨ Rombo for Chrome