Dev Design LibraryProduct Card Components
Dev Design Library indexes 26 product card components from 10 open-source UI libraries, with the most coming from Oxbow UI, ReactFrame, Shadcn Space, Spectrum UI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. 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
Product Lists 07Oxbow UI · AstroSimple cards with description and color choices
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 Lists 08Oxbow UI · AstroSimple cards with add to cart cta
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 Lists 10Oxbow UI · AstroSimple cards with color name and choices
Product ListReactFrame · ReactAn eCommerce product listing block with a filter sidebar (live search, Free/Premium tiers, categories) and a…
Product Lists 01Oxbow UI · Astro
Product Lists 02Oxbow UI · Astro
Product Lists 03Oxbow UI · Astro
Product Lists 04Oxbow UI · Astro
Product Lists 05Oxbow UI · Astro
Product Lists 06Oxbow UI · Astro
Product Lists 09Oxbow UI · Astro