# Commerce Wishlist

Wishlist panel in an online store with visual alerts for price drops and remaining stock.

- id: `commerce-wishlist`
- Page: https://agentic-ui-kit.com/components/commerce-wishlist
- Live preview: https://agentic-ui-kit.com/live/component/commerce-wishlist

## Install

```bash
agentic-ui add commerce-wishlist
npx shadcn@4.17.0 add @agentic-ui/commerce-wishlist
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** price-drop-badge, stock-status-indicators, batch-cart-actions, multi-item-selection, search-filter, stock-filtering, price-drop-filtering, savings-summary-metrics, wishlist-share, empty-state, keyboard-navigation, responsive-grid
- **Intents:** manage-collection, track-status, explore-detail, execute-flow
- **Suits domains:** ecommerce, saas, marketing, operations
- **Interaction:** filter-search, item-selection, move-to-cart, remove-item, sort-selection, keyboard-navigation
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** wishlist panel in an online store with visual alerts for price drops and remaining stock, interface for items saved for later purchase with bulk actions to the cart, tracking of items of interest with real-time calculation of accumulated savings, favorite products block with availability filters and restock alerts for sold-out items
- **Avoid when:** final checkout or payment processing (use billing-checkout-flow), internal catalog and warehouse management for administrators (use inventory-ops)
- **Preserve when adapting:** wishlist-grid-card-layout, stock-status-indicators, price-drop-badge-logic, batch-selection-model, accessible-live-announcements
- **Replace when adapting:** product-catalog-data, currency-symbol-and-locale, cart-action-endpoints, brand-color-tokens
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** card, badge, button, checkbox, input, separator
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives