Live Product Configurator

A made-to-order product configurator that updates a preview image, a running specification list, and a live running total price as the user answers a sequence of questions.

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

import Product12, { product12Demo } from "@/components/ui/product12";

export default function Product12Demo() {
  return <Product12 {...product12Demo} />;
}