Archive Commerce Page
A source-backed Format Archive commerce template. It ships the full routed experience (home, catalogue, product detail, archive, editorial, article detail, info) with a counter preloader, clip-path menu overlay, cart drawer with local persistence, hover-trail archive previews, staggered catalogue reveals, SplitType line reveals, Lenis smooth scroll, and a clip-path page transition. Imagery is served from Blob with PP Neue Montreal typography.
npx shadcn@latest add @compronents/archive-commerce-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/archive-commerce-page" | Base URL prefixed to every image the template renders (hero GIF, product imagery, editorial imagery). |
| initialPath | string | "/" | Source route the internal router mounts first, including product and article slugs. |
| className / style | string / CSSProperties | undefined | Passed to the root <main> wrapper for sizing and layout. |
initialPathtextWhich source route the template opens on: /, /catalogue, /catalogue/<slug>, /archive, /editorial, /editorial/<slug>, or /info.
assetBaseasset-urlBase URL for the template's Blob-hosted imagery, starting at https://ui.aryank.space/assets/archive-commerce-page/hero.gif.
@gsap/reactgsaplenissplit-type