Timeline Editor Deep Dive

For coordinated, ms-precise choreography, the timeline interaction sequences multiple tweens with overlaps and position offsets.

Where: Right sidebar → Interactions → timeline animation — Author a timeline interaction

Key ideas

• Timeline vs simple: A timeline coordinates many tweens with position offsets ("<", "+=0.5"); simple is a single tween per trigger.
• GSAP-backed: Tweens compile to GSAP from/to/fromTo with eases and stagger.

Steps

1. Add a timeline interaction.
2. Add tweens for each target with durations and eases.
3. Set position offsets to overlap or sequence them.
4. Scrub/preview the full timeline.