Wishlist 3 - Selectable grid with share panelPro
A wishlist grid where shoppers select items and move them to the cart in bulk, with price-drop badges and a side panel to make the list public and copy its share link. Use it for gift lists, registries or saved-for-later pages that people share with friends.
About Wishlist 3
A wishlist grid where shoppers select items and move them to the cart in bulk, with price-drop badges and a side panel to make the list public and copy its share link. Use it for gift lists, registries or saved-for-later pages that people share with friends.
Wishlist 3 is a pro wishlist block for React, built on shadcn/ui and Tailwind CSS. It ships as 143 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.
- wishlist
- ecommerce
- share
- move to cart
- bulk select
- gift list
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/wishlist-03Dependencies installed automatically: lucide-react.
Uses: badge, button, checkbox, reveal, switch, use-copy, utils.
Usage
import Wishlist03 from "@/components/blocks/wishlist-03"
export default function Page() {
return <Wishlist03 />
}