Page transition
An animated transition between two pages — covering, wiping, fading, or morphing from route to route.
What you're seeing
Instead of an instant page swap, a curtain falls or a shape expands to cover the screen.
Where you'll see it
Any multi-page site. Essential for agency sites and portfolios.
Difficulty
Medium — 3/5
Libraries that build it
Barba.jsGSAPFramer Motion
From the toolbox
MotionSprings, layout animations, and exit transitions as React primitives — the fastest path from static to alive.→CodropsTwo decades of effect tutorials with live demos — where half of these techniques were being taken apart before anyone named them.→
Ready to prompt — paste this into your AI coding tool
"Use Barba.js for SPA-style page transitions — on leave, animate overlay to cover viewport; on enter, reveal new page"