Product Card Chocolate

Artisan chocolate product card with origin details and cacao percentage for gourmet stores

Sell artisan chocolates with this chocolate product card. Features cacao percentage indicator, single-origin details, flavor profile, dietary badges, and gift box option. Ideal for chocolatiers and gourmet food stores.

Installation

InstallPro block

npx shadcn@latest add https://www.shadcn.io/r/product-card-chocolate.json

npx shadcn@latest add https://www.shadcn.io/r/product-card-chocolate.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/product-card-chocolate.json

bunx shadcn@latest add https://www.shadcn.io/r/product-card-chocolate.json

Product Card Simple

Standard product card

Product Card Coffee

Coffee subscription card

Product Card Tea

Tea collection card

Product Card Wine

Wine product card

Product Card Food

Food delivery card

Product Card Gift Wrap

Gift wrap option card

FAQ

Last updated on March 24, 2026

Was this page helpful?

Product Card Car Rental

Car rental product card with specs, features, and daily pricing for React rental sites

Product Card Cloud Storage

Cloud storage plan card with storage meter, usage breakdown, and upgrade prompt for React SaaS apps

Product Card Chocolate

Installation

Related Components

Product Card Simple

Product Card Coffee

Product Card Tea

Product Card Wine

Product Card Food

Product Card Gift Wrap

FAQ

How do I show cacao bean origin?

How do I add a tasting guide?

How do I display allergen information?

How do I offer gift packaging?

How do I suggest wine pairings?

How do I add a monthly chocolate subscription?