Dev Design LibraryReact Product Card Components
Dev Design Library indexes 16 React product card components from 9 open-source UI libraries, with the most coming from ReactFrame, Shadcn Space, Spectrum UI, Kokonut UI and OpenSourceUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Product card components belong to the Commerce group.
Throw DeckKokonut UI · ReactA pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.
Empty CartSpectrum UI · ReactAn empty bag with three recently viewed products that add for real.
Aspect Ratio 06 - Product CardShadcn Space · ReactA product card using a 4:5 aspect ratio image with a discount badge and pricing details.
Denim Product Editorial CardOpenSourceUI · React
Template EcommerceShark UI · React
ProductFLX UI · ReactSquare image with a sale badge, price, and add-to-cart.
Add to CartSkecher UI · ReactAn interactive product grid with curved add-to-cart flights, a responsive cart stack, and an animated currency total.
Product CardD2Studio UI · ReactE-commerce product card on the D2 card primitive: colour swatches that cross-fade the photo, a wishlist heart that…
Eternal Glow CardReactFrame · ReactA hover-reveal product card with a blurred gradient overlay, staggered title/price/description reveal, a badge, and 5…
Momentum RailKokonut UI · ReactA card rail you flick with momentum, snapping on a spring, with scroll-driven cover-flow depth and parallax.
Product CardSpectrum UI · Reactcomponent for the Product Card
Card-03 - Product CardShadcn Space · ReactCard component
Retail Price Tag CardOpenSourceUI · React
Product Grid SectionReactFrame · ReactA responsive product/portfolio grid section, heading, per-card image with hover zoom and reveal overlay…
Card-14 - Ecommerce Product CardShadcn Space · ReactA clean editorial ecommerce product card with slide-up CTA, color swatches, sale badge, and wishlist.
Product ListReactFrame · ReactAn eCommerce product listing block with a filter sidebar (live search, Free/Premium tiers, categories) and a…