View Transitions API

Same-document and cross-document view transitions for app-like navigation in vanilla CSS.

Playlist by @modern_css

18 tracks, shared on Audicious.

  1. Mind-blowing page animations are easy now... View Transitions API first look — Beyond Fireship
  2. CSS Can Now Animate Between Pages — Coding2GO
  3. Tab filtering animation with view transitions / HTML, CSS & JS — Kevin Powell
  4. CSS View Transitions Will Change Web Design Forever — camelCase
  5. Modern CSS for sites: View transitions, scroll effects, and more! — Chrome for Developers
  6. Quick & Easy Theme Transitions — Kevin Powell
  7. Simple SvelteKit Page Transitions Using The View Transitions API — Joy of Code
  8. MPA View Transitions deep dive — Kevin Powell
  9. View Transitions Are More Powerful Than You Think — Syntax
  10. Animating between states is SUPER EASY thanks to the View Transition API! — CSS {de}Coder
  11. Transition to and from display: none — Kevin Powell
  12. ViewTransition: The BEST Way to Animate React Components — Better Stack
  13. View Transitions: The brand-new browser API that will blow your mind - Jakob Endrestad Kielland — NDC Conferences
  14. View Transition API Tutorial | New CSS Animation Power — logicBase Labs
  15. New in Chrome 126: Cross-document view transitions, CloseWatcher API re-enabled, and more — Chrome for Developers
  16. View transitions are incredible — Coding in Public
  17. Automatic animations via the browser's View Transitions API — Academind
  18. How View Transitions actually work — Coding in Public