Wishlist 1 - Wishlist grid with price-drop badges

Free

A three-column wishlist of saved products with price-drop and stock badges, add-to-cart or notify actions, add-all, and an empty state.

Shadcn Wishlist 1 block

Component data

ID
wishlist1
Access
free
Created
Dec 17, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria

Wishlist 1 block design & features

The Wishlist1 shadcn component provides a user-friendly interface to manage a personalized list of desired products. This shadcn ui allows users to view all saved items in a visually appealing grid layout, complete with product images, names, current and original prices, and availability status. Such organization makes it easy to assess and manage potential purchases at a glance, ensuring users can make informed shopping decisions swiftly.

Delving deeper, the Wishlist1 shadcn block incorporates unique features that enhance user engagement. The component emphasizes user interaction with intuitive buttons for removing items and adding them to the cart directly from the wishlist. Price drops are immediately noticeable thanks to distinctive badges that call attention to discounts. Its design is both efficient and elegant, with hidden contextual options like a removal button that appears on hover, adding a neat and refined interface without clutter. The component effectively combines visual appeal with practical utility, distinguishing it from more generic wishlist implementations.