View Transition Folio Page
A three route photographer folio where the page change is handled entirely by the View Transition API. The old page lifts a third of a screen and fades while the new one opens upward from a flat clip path, so the arriving page unrolls over the departing one rather than crossfading. Entrance animations re-run on every route: nav links roll up from behind their clip, the hero name splits into characters, and about copy climbs line by line.
npx shadcn@latest add @compronents/view-transition-folio-pageInstalls 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 |
|---|---|---|---|
| assetBase / workImages / portraitImage | string / string[] | Blob asset base | Work grid photographs and the about portrait. |
| name / aboutCopy / initialPath | string / FolioRoute | BLANK copy | Folio copy and the route the internal router starts on. |
name / aboutCopytextThe hero wordmark and the about paragraph.
gsaplenis