Skip to main content

View Transitions API in Real Sites

The View Transitions API lets the browser animate between two DOM states. Wrap a DOM mutation in document.startViewTransition(callback) and Chrome will snapshot the before and afte…

April 30, 2026 JavaScript chris 1 min read Accessibility

Article takeaway

The View Transitions API lets the browser animate between two DOM states. Wrap a DOM mutation in document.startViewTransition(callback) and Chrome will snapshot the before and afte…

The View Transitions API lets the browser animate between two DOM states. Wrap a DOM mutation in document.startViewTransition(callback) and Chrome will snapshot the before and after, then cross-fade them.

It is well-supported in Chromium and shipping in Safari 18 with the cross-document variant landing across 2025. The same-document variant works today on Chrome and is a progressive enhancement everywhere else.

The killer use case is single-page navigation in MPAs — every link feels instant without committing to a JavaScript router.

Share X / Twitter LinkedIn

Leave a comment

Related Posts