Animations should support attention and feedback without external libraries.
Batoi UIFAnimation galleryEffects · presets · timeline
Choose an animation preset and copy the declarative code.
Use dependency-free CSS animation presets for app UI, with duration, delay, repeat, trigger, and reduced-motion support.
Preset catalog
Entrance, exit, attention, loading, and layout presets.
Preview stage
Run the current preset against this card.
Generated code
Copy declarative markup or JavaScript helper usage.