View Transitions Lab

Manual View Transition API

This page calls document.startViewTransition() directly around a state update. React still re-renders the tree, but the browser animates between the old and new snapshots using our custom root animation.

Try clicking the button a few times. The whole root view participates in the transition because we customized ::view-transition-old(root) and ::view-transition-new(root) in globals.css.