Block Page Transition
A four-row page transition that wipes across the viewport, reveals a centered wordmark, swaps the full-screen scene, then retracts from the opposite edge. It includes three navigable image scenes and the original GSAP stagger and easing cadence.
npx shadcn@latest add https://ui.aryank.space/r/block-page-transition.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| scenes | BlockPageTransitionScene[] | Genesis, Threshold, Sanctum | Full-screen scenes switched by the navigation. |
| brand / transitionText | string | "Emberfall" / "BLANK Studio" | Persistent navigation brand and transition overlay copy. |
sceneslinksNavigation label and Blob image for each scene.
brand / transitionTexttextTop-left brand and the wordmark shown during each wipe.
gsap