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 https://ui.aryank.space/r/otis-valen-page.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 |
|---|---|---|---|
| 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