Dev.to
7/3/2026

The headline is about the View Transitions API being available natively in browsers, replacing paid libraries for page transitions.
Original: The page transition you pay a library for is now free
Short summary
The browser's View Transitions API now handles page navigation animations natively, eliminating animation libraries for this use case. Deploy smooth cross-fades with one CSS rule (@view-transition { navigation: auto; }), or create morphing effects by matching elements with view-transition-name—a thumbnail morphing into a hero image—without any JavaScript. Support spans Chrome, Firefox, and Safari with graceful fallback to instant navigation in older browsers.
- •One CSS rule enables smooth cross-fade transitions on page navigation
- •Element morphing (thumbnail to hero) done with matching view-transition-names, no JS
- •Full browser support (Chrome, Firefox, Safari) with graceful fallback
Generated with AI, which can make mistakes.
Is this a good recommendation for you?


