The Browser Can Do This Now?! (Shared Element Transitions)

Modern browsers can now animate between pages — natively. In this video, I rebuild “React-style” shared element transitions using the View Transitions API — no framework, no router, just the browser. You’ll learn: • What shared element transitions are • How view-transition-name works • How document.startViewTransition() works • Why this changes how we think about SPA routing • What breaks it (and how to fix it) This is part of my series exploring modern platform APIs like the Navigation API and View Transitions API. 🔗 Demo Code (GitHub Gist): https://gist.github.com/jorishermans/053ff696a01ecbc260b302e6c6d9ddff ⚠️ Browser Support Currently supported in Chrome / Edge (Chromium-based browsers). Not fully supported in Firefox or Safari yet. If you're interested in modern browser capabilities, platform-first development, and reducing framework dependency — this series is for you. Subscribe for more deep dives into new browser APIs.