React Storefront Block Bundles

Increase average order value with this bundle-focused storefront hero. Features curated product bundles with savings displayed, plus an interactive "build your own" kit where customers select items from different categories to create a personalized bundle with dynamic pricing. Built with shadcn/ui Card, Button, Badge, Checkbox, Separator, and Tabs components. The clean design highlights bundle savings while making customization intuitive—perfect for beauty brands, subscription boxes, gift sets, or any retailer looking to boost AOV through bundling.

React Storefront Block Bundles preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/storefront-bundles.json

npx shadcn@latest add https://www.shadcn.io/registry/storefront-bundles.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/storefront-bundles.json

bunx shadcn@latest add https://www.shadcn.io/registry/storefront-bundles.json

Related Components

FAQ