Sheet Transition
The next page slides over the last one, which sinks back.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- duration
- depth
- dim
- from
- backFrom
- tilt
What it does
Sheet Transition is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called page stack transition, slide over page transition or sheet page transition.
Click a link and the next page slides up over the current one, which shrinks back and greys out. Its giant title rises from the bottom. Tilted, the old page swings off as a dimmed card while the next one comes from the side.
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.