Presets

Rombo for Tailwind provides a collection of ready-made animation presets that combine multiple animation properties into single, easy-to-use classes.

Types of Presets

Presets are organized into two categories:

1. Enter Animations - Animations for when elements appear
2. Loop Animations - Continuous animations that repeat

Basic Usage

Simply add a preset class to your element:

<div class="motion-preset-fade">
Fade in
</div>

Benefits of Using Presets

1. Simplified Development - Single classes instead of multiple animation properties
2. Tested Combinations - Pre-configured animations that work well together
3. Consistent Behavior - Standardized animations across your project