Shop The Look 5 - Look builderPro
An outfit builder where shoppers pick one option per slot (top, layer, bottom, shoes) and a summary panel updates the subtotal, bundle discount and total in real time. Use it for bundles, capsule wardrobes or room sets that reward buying the complete look.
About Shop The Look 5
An outfit builder where shoppers pick one option per slot (top, layer, bottom, shoes) and a summary panel updates the subtotal, bundle discount and total in real time. Use it for bundles, capsule wardrobes or room sets that reward buying the complete look.
Shop The Look 5 is a pro shop the look block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 110 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- shop the look
- builder
- bundle
- configurator
- total
- ecommerce
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/shop-the-look-05Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, utils.
Usage
import ShopTheLook05 from "@/components/blocks/shop-the-look-05"
export default function Page() {
return <ShopTheLook05 />
}