Client product page with a thumbnail image gallery, breadcrumb, rating, frame color swatches, size pills with sold-out states, quantity stepper, delivery notes and an accordion.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/product-page-01npx shadcn add @01orbital/product-page-01yarn shadcn add @01orbital/product-page-01bunx --bun shadcn add @01orbital/product-page-01Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/store/product-page-01/index.tsx, as source you own and edit.
import ProductPage01 from "@/components/blocks/store/product-page-01"
export default function Example() {
return <ProductPage01 />
}npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
Product Page with Image Grid
Client product page for a print suite with a two-by-two image grid, frame swatches, size pills, quantity stepper, shipping notes, and description, highlights and details accordions.
Related Products Carousel
Product carousel titled You may also like, with tiles showing name, color note and price, a split header with a Shop all link, and previous and next arrows below the row.