View Transition for page navigation

^{Originally posted by **kenrick95** July 2, 2026}
[View Transition](https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API) is a feature to enhance page navigation experience by having a animation plays when navigating from one route to another route. Having this page transition gives an overall better user experience so page navigation are not too 'harsh'. Of course, the best practice of turning off this when user prefers reduced motion should be respected too.

Example site having View Transitions: https://web.dev/

Browser support: [Baseline Newly Available](https://webstatus.dev/features/view-transitions) feature and further enhancement such as [Cross-Document View Transtion is in Interop 2026](https://web.dev/blog/interop-2026#view_transitions). So by end of 2026, I expect this to be widely available in major browsers.

At time of writing (v3.10), adding View Transition to Docusaurus is not straightfoward because of the need to calling `ReactDOM.flushSync` to get a snapshot of the next route. When inside [client module](https://docusaurus.io/docs/advanced/client#client-modules)'s `onRouteUpdate`, it is already too late to call as React is already in progress of rendering the next route. So I'm wondering if there's possibility to explore adding this view transition feature into Docusaurus core?

Thanks~