Every interaction uses one of three animation modes — Simple (a from→to state, the default), Auto-animate (FLIP between variants), or Timeline (a multi-tween sequence) — and a one-click preset library seeds the common ones.
Where: Interaction popover → animation mode / Presets — Add an interaction and pick a preset or mode
Key ideas
- Simple (from → to): The default: define a start state and an end state (e.g. opacity 0→1, y 20→0); it tweens between them.
- Auto-animate (FLIP): Smoothly animate between component variants/states instead of authoring keyframes.
- Preset library: Standard presets (fade, slide, scale, flip, rotate, blur) and Text presets (chars/words/lines reveals, scramble, counter) you apply in one click.
Steps
- Add an interaction.
- Pick a preset from the library, or choose an animation mode.
- For Simple, set the from-state and to-state.
- Refine timing in Settings (duration, easing, stagger).