← Modern UI
View Transitions
Probing…View Transitions is a web platform capability in the Modern UI category. Animated transitions between DOM states and pages. Supported in Chromium 111+, Firefox 144+, and Safari 18+.
Try it
Loading demo…
Code
const transition = document.startViewTransition(async () => {
shuffle() // mutate the DOM
await nextTick() // let the framework flush
})
await transition.finished
console.log('view transition finished')Browser support
Chromium
111
Firefox
144
Safari
18
Frequently asked questions
Which browsers support View Transitions?
Supported in Chromium 111+, Firefox 144+, and Safari 18+.
Does View Transitions require HTTPS?
No. View Transitions works without a secure context, though serving your site over HTTPS is always recommended.
What is View Transitions used for?
Animated transitions between DOM states and pages.
Can I try View Transitions in my browser?
Yes. shwcs.net runs a live View Transitions demo that probes your current browser and lets you try the API. Everything runs locally — nothing is sent anywhere.