Multi-page application View Transitions are here (Google I/O 2024)

For this year’s Google I/O, I recorded the session “Multi-page application View Transitions are here”.

Last year, we debuted Same-Document View Transitions for use in your Single-Page Applications (SPAs), and now we’re taking it to the next level. Get ready for enhanced control over View Transitions to more easily create immersive user experiences. We are also giving you Cross-Document View Transitions which allow you to create seamless navigations in your Multi-Page Applications (MPAs).

In the talk, I cover two main topics:

  1. Cross-Document View Transitions for Multi-Page Applications
  2. View Transitions Improvements (view-transition-class and View Transition Types)

You can find the video embedded at the top of this post. If you’re more into reading, check out the announcement blog post. The documentation up on also got an overhaul.

Watch “Multi-page application View Transitions are here” on YouTube →
Read the announcement blog post →
Read the updated documentation (SPA + MPA) →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation


  1. We / I need a really simple example so I can learn this and know exactly what is happening…. I have a slide in and out affect for incoming page and navigating back, but wanting to learn the new MPA way to achieve this and it’s driving me nuts.

    I added types to the viewTransition object but do I still need view-transiton-name?

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.