For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: Portrait 4:5 photo cards that gray out unavailable items, with status tabs that disable at zero and a Restock Alert On state
When to use
- A saved items page in a shopper account, with prices, savings and add to cart on each product
- Price drop, back in stock and low stock badges that flag which saved products to buy now
- Named collections or priority groups that sort saved products by occasion, recipient or intent to buy
When not to use
- A library of workflow records split by state tabs that also needs column filters: use the Automation Library block
- Saved rows picked in bulk, with a select all bar to remove or add several together: use the Bulk Action Wishlist block
- A dashboard side panel of metrics, transactions or integrations, with nothing to buy: use the List blocks
- A lone price drop or low stock label on a product tile you already render: use the Badge component
- A back office table of records narrowed by field, operator and value chips: use the Filtering blocks
Agent notes
getItemSignalturnsstock,originalPriceandrestockedAton eachWISHLIST_ITEMSentry into the badge, so map your product fields to thosehandleAddToCart,handleAddAllReadyToCartandhandleNotifyonly fill theaddedToCartandnotifyRequestedsets; no cart or alert request is sentFILTER_OPTIONSdrives the status tabs, and a tab whose entry incountsis 0 is disabled, so a new filter needs acountskey too- Every root seeds
useStatewith the demo constants in components/data.tsx and saves nothing; load and persist the list through your own wishlist API - Every Share control is a stub, a button with no
onClickor the no-ophandleShare; wire it to your share link or clipboard flow - Each page.tsx adds a
min-h-svhwrapper and each root sets its own max width andh1; drop the wrapper and keep oneh1in your storefront layout
https://web.dev.reui.io/blocks/ecommerce/wishlist/wishlist-2.mdget_block("wishlist-2")npx shadcn@latest add @reui/wishlist-2Shadcn Restock Alert Wishlist Block
Saved-items wishlist grid with price-drop and restock signal badges plus status tabs. Part of the ReUI Shadcn eCommerce Wishlist blocks collection.
Ecommerce wishlist that flags saved products with price-drop, restock, almost-gone, or unavailable badges, filters by status tabs, and bulk-adds in-stock items to cart. ReUI Badge, shadcn Tabs, Item, Button. Saved items, favorites, watchlist.
It is composed from Badge, Breadcrumb, Button, Empty, Item, Tabs, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Restock Alert Wishlist Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn eCommerce Wishlist blocks to assemble a full screen instead of a single section.
All Shadcn eCommerce Wishlist Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Bulk Action Wishlist Wishlist List View With Multi-Select Bulk Actions, Stock Status, and Price-Drop Signal Badges
- Move-to-Cart Wishlist Wishlist Grid With Stock and Price-Drop Signal Badges and Tab Filters
- Wishlist Boards Wishlist Collections Grid with 2x2 Cover Mosaic Cards and Filter Tabs
- Priority Wishlist Priority-Grouped Wishlist with Stock Status and Savings Summary
- Collection Rail Wishlist Multi-Collection Wishlist with Cover-Stacked Collection Rail
Related Shadcn eCommerce Block Categories
- Category Card (6) Category cards with featured products, banners, and subcategory navigation.
- Checkout (7) Checkout flows with shipping details, payment forms, and order confirmation steps.
- Comparison (6) Product comparison tables with side-by-side feature and specification layouts.
- Coupon (6) Coupon code input fields, discount badges, and promotional offer display blocks.
- Filter Sidebar (7) Filter and facet sidebars for refining product searches by price, size, and attributes.
- Product Card (10) E-commerce product cards with images, pricing, variants, and add-to-cart actions.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the Restock Alert Wishlist block?
Use it for portrait 4:5 photo cards that gray out unavailable items, with status tabs that disable at zero and a Restock Alert On state.
The Wishlist category fits:
- A saved items page in a shopper account, with prices, savings and add to cart on each product
- Price drop, back in stock and low stock badges that flag which saved products to buy now
- Named collections or priority groups that sort saved products by occasion, recipient or intent to buy
For a library of workflow records split by state tabs that also needs column filters, use the Automation Library block. For saved rows picked in bulk, with a select all bar to remove or add several together, use the Bulk Action Wishlist block. For a dashboard side panel of metrics, transactions or integrations, with nothing to buy, use the List blocks. For a lone price drop or low stock label on a product tile you already render, use the Badge component. For a back office table of records narrowed by field, operator and value chips, use the Filtering blocks.
What is the Restock Alert Wishlist block built with?
Can I restyle the Restock Alert Wishlist block?
How should I use Shadcn wishlist blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.