Product Card
A card component that displays a product with a badge, image, title, rating, price, and actions.
Install
npx shadcn@latest add https://shadcn-ecommerce-ui.vercel.app/r/product-card.json
Vertical Product Card
New
Electronics
Wireless Noise-Cancelling Headphones
(42)
$299.99
$349.99
Horizontal Product Card
Sale
Home & Kitchen
Smart Coffee Maker with Temperature Control
(128)
Brew the perfect cup of coffee with precise temperature control, smartphone connectivity, and programmable settings.
$129.99
$159.99