Product Detail Page

block

Product detail page with a thumbnail gallery, colour swatches, a size grid that knows what is sold out in each colour, a stock-capped quantity stepper, add to cart, and details in an accordion.

pnpm dlx shadcn@latest add "https://hirael.com/r/ecommerce-03.json"

Sign In

Product Detail Page

block

Product detail page with a thumbnail gallery, colour swatches, a size grid that knows what is sold out in each colour, a stock-capped quantity stepper, add to cart, and details in an accordion.

pnpm dlx shadcn@latest add "https://hirael.com/r/ecommerce-03.json"

lucide-react

components/blocks/ecommerce-03.tsx

lucide-react

components/blocks/ecommerce-03.tsx