Async Page Transitions with GSAP

A premium page transition system inspired by Aristide Benoist's Watson website and the Codrops tutorial by Valentin Mor.

The core innovation: both the current and next page coexist in the DOM simultaneously, enabling true crossfade/overlay transitions impossible with simple CSS transitions.

When to use this

• Adding route transitions to an SPA
• Building a portfolio, agency site, or editorial site that needs cinematic navigation
• Any request for "smooth page transitions", "page reveals", "crossfade between routes"
• Upgrading a basic router with visual transitions
• Building marketing/landing pages with premium feel

Architecture Overview