View Transitions API

Two demos with the same pages — a blue Gallery and a red Article. One uses standard navigation (you'll see a white blink). The other uses the View Transition API (smooth, no blink).

Transitions OFF

Without Transitions

Standard full-page reload. The browser tears down the page and rebuilds it — you'll see a white flash between the dark pages on every click.

Try it →

Transitions ON

With Transitions

View Transition API via Astro's ClientRouter. The blue hero morphs into the red hero. Content slides. No white flash. No blink.

Try it →