View Transitions API
developer.mozilla.org
Native cross-document page transitions
TransitionsFreeWeb Platform
next-view-transitions
View Transitions for the Next.js App Router
Live site
github.com
Preview next-view-transitions inline
Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.
What it is
A thin wrapper that wires the View Transitions API into App Router navigations, handling the router timing that makes the naive approach flicker.
Get started
terminal
Tags
nextjspage-transitions
Related in Transitions
View allLenis
lenis.darkroom.engineering
Smooth scroll that does not break the page
TransitionsOpen sourceJavaScriptReact
by Darkroom Engineering@darkroomengineering
animations.dev
animations.dev
A course on why animations feel right
TransitionsPaidReactCSS
by Emil Kowalski@emilkowalski_