Product Detail Page

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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Product Detail Page to your project and fits it to your theme.

import Ecommerce03 from "@/components/ui/ecommerce-03";

export default function Demo() {
  return <Ecommerce03 />;
}