A API View Transition traz transições de página e mudanças de UI baseadas em estado para a web, facilitando animações entre estados do DOM em apps de uma única página (SPA) e navegação entre páginas em apps multipágina (MPA). Isso elimina a necessidade de dependências pesadas de JavaScript.

Transições de visualização melhoram a experiência de navegação ao reduzir a carga cognitiva, diminuindo a latência percebida e adicionando polimento visual. No MPA, a transição é iniciada ao navegar para outra página, como ao clicar em um link.

Para habilitar transições de visualização, as páginas de origem e destino devem ter a mesma origem e optar pelas transições através da regra CSS @view-transition. As animações padrão podem ser personalizadas via pseudo-elementos como ::view-transition-group(), ::view-transition-old() e ::view-transition-new().

O suporte a navegadores é forte com Chrome e Safari cobrindo a maioria das APIs. A API View Transition ainda está em expansão, com adições experimentais sendo exploradas.