animation glossary
Page Transition
A page transition animates the change from one screen or scene to the next — wipes, zooms, gradients, or pans that hide the cut inside the motion.
What is Page Transition?
Page transitions are how a multi-screen product story stays continuous: instead of hard cuts, each screen hands off to the next through a wipe, a zoom, a gradient dissolve, or a whip pan. They keep the viewer oriented and add production polish. This page collects the transition shots from the library — gradient dissolves, zoom bursts, and pans.
Page Transition in Remotion
Every shot below is a real, renderable Remotion composition. Open the detail page for the recipe notes, then copy the agent brief to implement the shot from tuned TSX.
Implement page transition
Copy the agent brief for the first shot to have an AI agent build it from the reference TSX.
Frequently asked questions
What is a page transition?+
A page transition animates the change between two screens or scenes — a wipe, zoom, gradient dissolve, or pan — so the switch feels continuous instead of a hard cut.
How long should a page transition last?+
300–700ms is typical for product UI; cinematic scenes can stretch to a second. Too fast reads as a cut, too slow interrupts the pacing.
Which page transition is best?+
It depends on the brand: zoom transitions are punchy, gradient dissolves feel premium and soft, wipes are neutral and reliable. The best choice matches the pacing of the content it bridges.