Smooth page transitions with Astro's View Transitions API for cinematic page navigation.
Pages feel like app interactions.
Cinematic navigation that keeps users engaged
Smooth page-to-page transitions using the modern View Transitions API. Makes navigation feel instant and cinematic.
Default transition between pages. Fade out current page, fade in next page.
Same element transitions smoothly between pages:
Visual loading bar during navigation to indicate page is loading.
How this feature maps to the 6-dimension ontology
Each page component supports view transitions
Smooth fade in/out between pages
Animate same element across pages
Visual indicator during navigation
Ease-in-out and custom timing functions
Users see smooth fade between product pages
Product card animates to product detail page
simple
12h
88%
100/100