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.
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-grid-03npx shadcn add @01orbital/product-grid-03yarn shadcn add @01orbital/product-grid-03bunx --bun shadcn add @01orbital/product-grid-03Part 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-grid-03/index.tsx, as source you own and edit.
import ProductGrid03 from "@/components/blocks/store/product-grid-03"
export default function Example() {
return <ProductGrid03 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
Product Page with Thumbnail Gallery
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.
Slide-Over Cart Drawer
Slide-over cart Sheet opened by a bag-count button, with scrolling lines, quantity steppers, free-shipping progress, subtotal and checkout. A store header can control its open state.