Back to components
Commerce component
Ecommerce UI Primitives
Rating stars, quantity selector, and price display with currency and discount support.
Install
$ Run in your project root
pnpm dlx shadcn@latest add https://vibekit.desishub.com/r/ecommerce-ui.jsonWhat it does
- Rating component with keyboard navigation, radio group ARIA, and hover preview
- Quantity selector with connected minus/plus buttons, min/max bounds, and disabled state
- Price display with currency formatting, compare-at strikethrough, and discount badge
When to use
Use it
E-commerce product pages, catalog listings, and cart interfaces needing reusable pricing and interaction primitives.
Skip it
Simple static price labels or non-commerce contexts where these primitives aren't needed.