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