Page-unload (exit) animations

A page-unload interaction animates as the visitor navigates away — for page-transition effects. It can optionally hold navigation briefly so the animation can play.

Where: Right sidebar → Interact → Interactions → “+” → Lifecycle — Add a “Page unload” interaction

Key ideas

• On navigate away: Runs when the page is about to unload (link click / back / forward).
• Prevent: “prevent” briefly holds navigation so the exit animation has time to play.

Steps

1. Select the element to animate out.
2. Add a “Page unload” interaction.
3. Define the exit animation.
4. Enable “prevent” if it needs time to finish before navigating.