View Transitions API Demo

This is a really simple demo exploring the new View Transitions API with Astro.

View-Transitions-API.mp4

Requirements

• Chrome 111+

Things to note

• View Transitions API does not support MPAs yet, so I had to emulate SPA-like behaviour/navigation through the also experimental navigation API

Astro now supports the View Transitions API with its <ViewTransitions /> element which is awesome! Check out the docs here.

Resources and Further Reading

• Smooth and simple transitions with the View Transitions API