View Transitions Lab

View Transition API + React 19

Three ways to animate UI without shipping a huge animation library.

This mini lab shows off route-level view transitions in Next.js, the experimental React <ViewTransition /> component, and a manual document.startViewTransition() example you can drop into any app.

What's inside this demo?

  • Route transitions: Navigate between pages and let Next.js + the browser animate the change.
  • Shared elements: Photo thumbnails scale into their detail view using view-transition-name.
  • Manual API: Call document.startViewTransition() directly for targeted transitions.
React 19 RCNext.js 15 app routerView Transition API