Skip to the content

Library/ 16 page-wipeProTransitions & loaders

Page Wipe

A sweep of color carries you from one page to the next.

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

Settings

Pro
  • shape
  • direction
  • duration
  • count
  • mark
  • reveal
Tune it live with Pro

What it does

Page Wipe is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called page transition, route transition or wipe.

Click a link and the screen fills with a sliding panel, staggered strips, squares spreading from where you clicked or a rising dome, then the next page is uncovered the same way. A logo can draw itself while covered. 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.