Skip to the content

Library/ 89 frame-transitionNewProTransitions & loaders

Frame Transition

The next page opens in a small frame that fills the screen.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • duration
  • radius
  • startScale
  • dim
Tune it live with Pro

What it does

Frame Transition is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called window page transition, growing frame transition or zoom page transition.

Click a link and the next page appears in a small rounded frame at the centre, which grows until it fills the screen while the picture inside eases out of a close zoom. Works between sections or real pages; reduced motion gets a soft fade.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.