Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Product Card Wine
Wine product card with tasting notes, pairing suggestions, and ratings for React wine shops
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Display wines on your Next.js wine shop with this product card component. Features wine bottle image, vintage year, region info, tasting notes, food pairings, critic rating, and add to cart. Built with shadcn/ui Card, Button, and Badge components using Tailwind CSS. The wine-focused design helps enthusiasts discover and select—perfect for Shopify headless wine merchants, sommelier services, or any React app selling wines and spirits. Sophisticated and informative.
Product Card
2019Château Margaux
Reserve Cabernet Sauvignon
TASTING NOTES
PAIRS WITH
Ribeye steak • Aged cheese • Dark chocolate
14.5% ABV
95 pts
Wine Spectator
Installation
Related blocks you will also like
React Product Card Simple
Vertical product card
React Product Card Food
Food delivery card
React Product Card Beauty
Ingredient-focused card
React Product Card Reviews
With quick reviews
React Product Card Sale
With discount pricing
React Product Card Grid
Product grid layout