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 @compronents/block-page-transitionInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
Checking access…
| 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