viewtransitions

Animate DOM updates via the View Transitions API.

Import: @rtorcato/browser-common/viewtransitions

📖 MDN: View Transitions API · 📊 caniuse: view-transitions

startViewTransition runs the callback synchronously as a fallback when unsupported, so it's always safe to call.

Browser support

API	Chrome	Edge	Firefox	Safari	iOS Safari	Baseline
Document.startViewTransition	✅ 111+	✅ 111+	✅ 144+	✅ 18+	✅ 18+	Newly available

✅ supported · ◐ partial · ❌ not supported · [n] see note. Generated from MDN browser-compat-data and web-features. caniuse: Document.startViewTransition

Example

import { startViewTransition } from '@rtorcato/browser-common/viewtransitions'

await startViewTransition(() => updateDOM())

Exports

• isViewTransitionsSupported() — feature check
• startViewTransition(updateCallback) — runs the update in a view transition when supported, otherwise runs it directly

See the API reference for full signatures.