Otis Valen Page
A source-backed Otis Valen portfolio template. It ships the routed index, work, project, about, and contact pages with the block transition, menu reveal, pinned hero image, horizontal featured-work stage, stacked services, SplitText work and project reveals, project preview zoom, about tag motion, contact cursor trail, footer image burst, Lenis scroll, and Blob-hosted source fonts and images.
npx shadcn@latest add @compronents/otis-valen-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 | string | "https://ui.aryank.space/assets/otis-valen-page" | Base URL prefixed to every image and font the template renders. |
| initialPath | "/" | "/work" | "/project" | "/about" | "/contact" | "/" | Source route mounted first. |
| className / style | string / CSSProperties | undefined | Passed to the root wrapper for sizing and layout. |
initialPathtextWhich source route opens first: /, /work, /project, /about, or /contact.
assetBaseasset-urlBlob-hosted media starting at https://ui.aryank.space/assets/otis-valen-page/images/work-items/work-item-1.jpg.
gsaplenis