Wishlist 4 block design & features
Wishlist4 is a dialog-based wishlist built with shadcn/ui, opened from a heart trigger. The header includes a list selector for switching favorites collections and a share dropdown with copy-link and email actions. A scrollable product grid shows each saved item with image, name, price, and remove control. An empty state prompts shoppers to keep browsing, and the footer includes login and close actions.
Muted surfaces with rounded dialog chrome and compact product tiles. Prices use the shared price component. Share actions live in a dropdown so the header stays uncluttered. Hover and focus states on remove controls keep the grid tidy until interaction.
This is a moderate, content-driven ecommerce wishlist pattern with multi-list management as the distinctive piece. Compared with a simple saved-items grid, the selectable lists and share menu make it feel closer to a full favorites workspace. Requires several product images and at least two named lists to read clearly.
Stacks the product grid into fewer columns inside the dialog on smaller screens while keeping the list selector and share controls in the header.