ISOChrome Page
A source-backed ISOChrome creative-agency template ported from a Next App Router build. It ships the routed home (preloader), about (pinned expertise panel, parallax), work, project, and contact pages behind a lightweight internal router. Line-reveal text uses gsap SplitText (replacing split-type), parallax and ScrollTrigger run against the preview's own scroll container (replacing Lenis), and routing is local (replacing next-view-transitions), so it depends only on gsap. Druk and Akkurat Mono fonts and imagery are Blob-hosted.
npx shadcn@latest add https://ui.aryank.space/r/isochrome-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/isochrome-page" | Base URL prefixed to every image and font the template renders. |
| initialPath | "/" | "/about" | "/work" | "/project" | "/contact" | "/" | Source route mounted first. |
| className / style | string / CSSProperties | undefined | Passed to the root wrapper for sizing and layout. |
initialPathtextWhich source route opens first: /, /about, /work, /project, or /contact.
assetBaseasset-urlBlob-hosted media starting at https://ui.aryank.space/assets/isochrome-page/home/hero-img.jpg.
gsap@gsap/react