# E-commerce blocks for shadcn/ui

> 362 e-commerce blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/ecommerce
- 362 blocks, 136 free and 226 paid, from 24 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=ecommerce&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q ecommerce`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free e-commerce blocks

All 136 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Checkout 03 - Tabbed Billing Checkout by @shadcn-space](https://shadcn.exchange/r/shadcn-space/checkout-03): A clean checkout interface with tab-based payment selection, subscription pricing details, and streamlined billing inputs for smooth transaction flows. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/checkout-03.json`
- [Centered Image Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-centered-image-grid): A centered promo paired with a tidy grid of product images. Showcases a curated collection or a seasonal lineup right on your shop homepage. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-centered-image-grid.json`
- [Simple Banner by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-simple-banner): A slim promo banner with a short message and a link. Sits at the top of a store to announce free shipping, a running sale, or a fresh discount code. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-simple-banner.json`
- [3D Feature Carousel by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-3d-feature-carousel): A rotating carousel that shows product features on 3D cards with depth and motion. Great for highlighting a few standout capabilities on a landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-3d-feature-carousel.json`
- [Product list 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/product-list-01): Three-column grid layout with product cards featuring centered images, product names with badges, separator lines, pricing with sale discounts, wishlist checkboxes and shopping cart icons. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/product-list-01.json`
- [Checkout Form 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/checkout-form-1): A clean and straightforward checkout form with essential fields. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/checkout-form-1.json`
- [E-commerce 8 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-8): E-commerce 8 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-8.json`
- [Ecommerce 04 by @hirael](https://shadcn.exchange/r/hirael/ecommerce-04): Category page with a sticky filter sidebar (category counts that react to the other filters, price range, colour, stock, rating), removable filter chips, sorting, an empty state, and a filter sheet on small screens. `npx shadcn@latest add https://shadcn.exchange/r/hirael/ecommerce-04.json`
- [Product Listing Card 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/product-card-1): A deals grid of product cards with an add-to-cart action on each. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/product-card-1.json`
- [E-commerce 10 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-10): E-commerce 10 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-10.json`
- [Ecommerce 03 by @hirael](https://shadcn.exchange/r/hirael/ecommerce-03): Product detail page with a thumbnail gallery, colour swatches, a size grid that knows what is sold out in each colour, a stock-capped quantity stepper, add to cart, and details in an accordion. `npx shadcn@latest add https://shadcn.exchange/r/hirael/ecommerce-03.json`
- [Product Listing Card 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/product-card-2): A three-up product grid carrying image, name and price only. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/product-card-2.json`
- [E-commerce 2 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-2): E-commerce 2 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-2.json`
- [Ecommerce 01 by @hirael](https://shadcn.exchange/r/hirael/ecommerce-01): Product grid with category filter pills, sale and new badges, wishlist toggles, star ratings, compare-at pricing and add-to-cart buttons that update a live cart count. `npx shadcn@latest add https://shadcn.exchange/r/hirael/ecommerce-01.json`
- [Shopping Cart 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/shopping-cart-1): A more detailed cart summary with multiple items and discounts. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/shopping-cart-1.json`
- [E-commerce 7 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-7): E-commerce 7 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-7.json`
- [Ecommerce 02 by @hirael](https://shadcn.exchange/r/hirael/ecommerce-02): Shopping cart with capped quantity steppers, animated line-item removal, promo-code validation, a free-shipping threshold, live totals, a checkout that confirms with an order number, and an empty-cart state. `npx shadcn@latest add https://shadcn.exchange/r/hirael/ecommerce-02.json`
- [E-commerce 3 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-3): E-commerce 3 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-3.json`
- [E-commerce 19 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-19): E-commerce 19 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-19.json`
- [E-commerce 9 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-9): E-commerce 9 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-9.json`
- [E-commerce 21 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-21): E-commerce 21 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-21.json`
- [E-commerce 5 by @uiable](https://shadcn.exchange/r/uiable/block-e-commerce-5): E-commerce 5 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-e-commerce-5.json`
- [Centered Simple Promo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-centered-simple-promo): A clean centered promo with a headline, short message, and button. Drop it onto any store page to push a sale, a discount code, or a new arrival. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-centered-simple-promo.json`
- [Carousel Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-carousel-preview): A category preview that slides products through a horizontal carousel, letting shoppers swipe across a collection without leaving the page on mobile. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-carousel-preview.json`
- [Feature Comparison Table by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-comparison-table): A table that lines up features across plans or models with clear check marks. Helps shoppers weigh every option and pick the right product fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-comparison-table.json`
- [Alternating Features by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-alternating-features): Stacked rows that flip image and text from left to right as you scroll. Walks shoppers through key product benefits one clear section at a time. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-alternating-features.json`
- [Immersive Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-immersive-overview): A full bleed product page with edge to edge imagery, floating details, and a sticky buy bar. Best for premium goods that sell on visual impact. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-immersive-overview.json`
- [Review Stats Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-review-stats-overview): A summary panel with average rating, total count, and a bar chart by star level. Gives shoppers a quick read on overall product quality up front. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-review-stats-overview.json`
- [Table List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-table-list): A table listing products in rows with columns for image, name, stock, and price. Ideal for dashboards, admin catalogs, and bulk inventory views. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-table-list.json`
- [Image Aside by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-image-aside): A promo with copy on one side and a product image alongside it. Pairs your offer with a visual so shoppers see exactly what is on sale right now. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-image-aside.json`
- [Centered Icon Promo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-centered-icon-promo): A centered promo with an icon, headline, and supporting copy. Highlights a single offer or shipping perk in the middle of a store landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-centered-icon-promo.json`
- [Review Cards Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-review-cards-grid): A grid of review cards showing star ratings, avatars, and short quotes. Use it to display many customer opinions at once on a product detail page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-review-cards-grid.json`
- [Checkout 02 by @commercn](https://shadcn.exchange/r/commercn/checkout-02) `npx shadcn@latest add https://shadcn.exchange/r/commercn/checkout-02.json`
- [Expand Card: Shop by @keyframeui](https://shadcn.exchange/r/keyframeui/expand-card-shop-demo): Product cards that open into a product page with close-ups and a size picker. Add something to the bag, then pull the page down to watch the count behind it change. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/expand-card-shop-demo.json`
- [Checkout 03 by @commercn](https://shadcn.exchange/r/commercn/checkout-03) `npx shadcn@latest add https://shadcn.exchange/r/commercn/checkout-03.json`
- [Checkout 01 by @commercn](https://shadcn.exchange/r/commercn/checkout-01) `npx shadcn@latest add https://shadcn.exchange/r/commercn/checkout-01.json`
- [Product Card 03 by @commercn](https://shadcn.exchange/r/commercn/product-card-03) `npx shadcn@latest add https://shadcn.exchange/r/commercn/product-card-03.json`
- [Product Card 01 by @commercn](https://shadcn.exchange/r/commercn/product-card-01) `npx shadcn@latest add https://shadcn.exchange/r/commercn/product-card-01.json`
- [Cart 02 by @commercn](https://shadcn.exchange/r/commercn/cart-02) `npx shadcn@latest add https://shadcn.exchange/r/commercn/cart-02.json`
- [Cart 01 by @commercn](https://shadcn.exchange/r/commercn/cart-01) `npx shadcn@latest add https://shadcn.exchange/r/commercn/cart-01.json`
- [Product Card 02 by @commercn](https://shadcn.exchange/r/commercn/product-card-02) `npx shadcn@latest add https://shadcn.exchange/r/commercn/product-card-02.json`
- [Product Detail 01 by @commercn](https://shadcn.exchange/r/commercn/product-detail-01) `npx shadcn@latest add https://shadcn.exchange/r/commercn/product-detail-01.json`
- [Order Confirmation by @ecomcn](https://shadcn.exchange/r/ecomcn/order-confirmation): The page after Pay: the receipt people screenshot, print and come back to. A thank-you set large in your serif on a grained band, with a check that draws itself; the order number, placed date, arrival window and amount paid in one ruled ro… `npx shadcn@latest add https://shadcn.exchange/r/ecomcn/order-confirmation.json`
- [Dash Store by @esuiss](https://shadcn.exchange/r/esuiss/dash-store): A store admin overview with sales stats, an online versus in-store bar chart, and a filterable orders list. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/dash-store.json`
- [Bag Checkout by @esuiss](https://shadcn.exchange/r/esuiss/bag-checkout): A three-step checkout with delivery, payment, and review steps beside an order summary. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/bag-checkout.json`
- [Featured Product Showcase by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce5): Full-featured product presentation with pricing, ratings, feature list, and add to cart. Split layout with configurable image position. Perfect for highlighting premium products and limited editions. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/ecommerce5.json`
- [CSV Import by @uploadcn](https://shadcn.exchange/r/uploadcn/csv-import): Bulk import from a spreadsheet, with column checks and a preview before upload. `npx shadcn@latest add https://shadcn.exchange/r/uploadcn/csv-import.json`
- [Shopping Cart 2 - Page cart with order summary by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/shopping-cart2): A page shopping cart with quantity controls, item removal, and an order summary showing subtotal, shipping, and total before checkout. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/shopping-cart2.json`
- [Empty Cart by @spectrumui](https://shadcn.exchange/r/spectrumui/cart-empty): An empty bag with three recently viewed products that add for real. `npx shadcn@latest add https://shadcn.exchange/r/spectrumui/cart-empty.json`
- [Filter Sidebar by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-filter-sidebar): Filtros categoria e preço — ReUI Filter Sidebar. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-filter-sidebar.json`
- [Product List by @manifest](https://shadcn.exchange/r/manifest/product-list): Product list with list, grid, carousel, and picker variants. `npx shadcn@latest add https://shadcn.exchange/r/manifest/product-list.json`
- [Checkout Flow by @framecn](https://shadcn.exchange/r/framecn/checkout-flow): Timeline-driven checkout flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/checkout-flow.json`
- [Ecommerce checkout form by @formscn](https://shadcn.exchange/r/formscn/ecommerce-checkout-form): Checkout form with shipping and payment details. `npx shadcn@latest add https://shadcn.exchange/r/formscn/ecommerce-checkout-form.json`
- [Card 02 - Ecommerce Action Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ecommerce-action-card): Highlight key shopping actions like orders, shipped orders, revenue, or ratings in a compact card. Fits ecommerce dashboards where users need quick access to common tasks. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/ecommerce-action-card.json`
- [Checkout by @quill](https://shadcn.exchange/r/quill/checkout): A two-column checkout — payment method picker and card form beside an order summary sidebar. `npx shadcn@latest add https://shadcn.exchange/r/quill/checkout.json`
- [Feature Tabs Navigation by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-tabs-navigation): Tabbed sections that swap feature content as buyers click each label. Organizes a deep feature set into bite sized views on one tidy single panel. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-tabs-navigation.json`
- [Size Guide Table by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce11): Measurement chart table with chest, waist, hips, and length columns. Perfect for clothing product pages and sizing reference. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/ecommerce11.json`
- [Product Media Upload by @uploadcn](https://shadcn.exchange/r/uploadcn/product-media-upload): Storefront product photos: a cover image and a gallery you reorder by drag or keyboard. `npx shadcn@latest add https://shadcn.exchange/r/uploadcn/product-media-upload.json`
- [Shopping Cart 1 - Simple page shopping cart by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/shopping-cart1): A page shopping cart listing item images, quantities, and line totals with a remove action, overall total, checkout button, and empty state. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/shopping-cart1.json`
- [Card 01 - Product Card by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/product-card): Display products with weekly sales, new users, & purchased orders in a clean card layout. Suitable for ecommerce stores, product catalogs, and marketplace dashboards. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/product-card.json`
- [Before After Comparison by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-before-after-comparison): A slider that wipes between two product images so buyers see the difference at a glance. Ideal for skincare, editing tools, or cleaning results. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-before-after-comparison.json`
- [Product Reviews Section by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce6): Customer reviews with star ratings, verified badges, helpful voting, and load more functionality. Displays average rating summary. Perfect for building trust and social proof on product pages. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/ecommerce6.json`
- [Shopping Bag Upload by @uploadcn](https://shadcn.exchange/r/uploadcn/shopping-bag-upload): Product photos drop into a shopping bag that fills as they upload. `npx shadcn@latest add https://shadcn.exchange/r/uploadcn/shopping-bag-upload.json`
- [Product Card 1 - Product card with sale badge by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-card1): A linked product card with a product image, urgency badge, name, short description, and regular plus sale price. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/product-card1.json`
- [Video Feature Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-video-feature-showcase): A section that pairs an embedded product video with supporting feature copy. Shows the item in action when motion sells better than a still. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-video-feature-showcase.json`
- [Checkout 1 - Accordion checkout with cart and payment steps by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/checkout1): This component is a checkout block that facilitates online purchasing by managing cart items and payment details. It features forms for user information, address, shipping methods, and payment options, integrating an accordion layout for a… `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/checkout1.json`
- [Magazine Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-magazine-preview): A category preview styled like a magazine spread, mixing large feature tiles with smaller ones to spotlight seasonal collections on a storefront landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-magazine-preview.json`
- [Ecommerce Footer 1 - Ecommerce footer with newsletter, language selector, and contact row by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/ecommerce-footer1): This component serves as a comprehensive footer block featuring a newsletter subscription form, a multilingual section for various language selections, and contact information including social media links. It includes customizable sections… `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/ecommerce-footer1.json`
- [Base by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-base): A starter customer review layout with star ratings, reviewer names, and comment text. Drop it onto a product page to show real shopper feedback fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-base.json`
- [Product List 1 - Product grid with badges by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-list1): A responsive product grid of cards with images, optional urgency badges, names, descriptions, and regular plus sale prices. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/product-list1.json`
- [Icon List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-icon-list): A compact list pairing small icons with guarantee statements like free shipping and easy returns. Fits neatly in a sidebar or below the buy section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-icon-list.json`
- [Product Detail 1 - Product detail with specs list by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-detail1): A two-column product page with an image carousel, reviews, in-stock badge, buy now button, size and color options, and a labeled specs list. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/product-detail1.json`
- [Simple Feature Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-simple-feature-grid): A clean grid of feature cards with an icon, title, and short blurb each. The reliable choice for listing core product benefits at a quick glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-simple-feature-grid.json`
- [With Icons by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-with-icons): An icons layout pairing each shipping and returns point with a small symbol. Makes delivery speed, free returns, and refund windows scannable at a glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-with-icons.json`
- [Timeline List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-timeline-list): A vertical timeline arranging products or drops by date with images and prices. Good for release schedules, new arrivals, and limited editions. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-timeline-list.json`
- [Masonry List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-masonry-list): A masonry grid fitting product cards of varying heights into tight columns. Works well for mixed imagery in lookbooks and curated collections. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-masonry-list.json`
- [Social Proof Reviews by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-social-proof-reviews): Featured customer quotes paired with ratings and verified buyer badges. Builds confidence near the buy button to encourage shoppers to checkout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-social-proof-reviews.json`
- [Filter Demo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-filters-filter-demo): A sidebar of category filters with checkboxes, price sliders, and color swatches beside a product grid. Refines large catalogs on a shop listing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-filters-filter-demo.json`
- [Checklist by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-checklist): A checklist that lays out shipping steps and return conditions as ticked items. Helps buyers confirm eligibility before they start a refund request. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-checklist.json`
- [Multi Column by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-muti-column): A footer with several columns of grouped links for shop, support, company, and legal. Organizes a large storefront so customers find any page fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-muti-column.json`
- [Sticky Cart by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-sticky-cart): A cart summary pinned to the side as you scroll, holding items, totals, and a checkout button. Keeps payment in reach on long product and listing pages. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-sticky-cart.json`
- [Expandable Features Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-expandable-features-grid): A grid of feature cards that open to reveal more detail on click. Keeps the overview tidy while letting curious shoppers dig into the specifics. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-expandable-features-grid.json`
- [Floating Cart by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-floating-cart): A cart that floats over the page as a small overlay, showing added items and a subtotal. Lets shoppers review picks without leaving the product they browse. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-floating-cart.json`
- [Feature Accordion by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-accordion): Stacked panels that expand one feature at a time so each gets full focus. A clean way to present detailed product benefits without a wall of text. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-accordion.json`
- [Modern Cart by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-modern-cart): A clean cart layout with product images, quantity steppers, and an order summary. Suits a full cart page where shoppers review items before checkout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-modern-cart.json`
- [Image Hotspot Features by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-image-hotspot-features): A product image dotted with clickable hotspots that reveal each feature in place. Perfect for showing exactly where a capability lives on the item. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-image-hotspot-features.json`
- [Fading Background Testimonial by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-fading-background-testimonial): A testimonial promo with a soft fading background and a customer quote. Builds trust on a product page while reinforcing the offer you are running. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-fading-background-testimonial.json`
- [Interactive Feature Tabs by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-interactive-feature-tabs): Tabs paired with a live preview that updates as buyers select a feature. Lets shoppers explore what each capability looks like before they buy. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-interactive-feature-tabs.json`
- [With Newsletter by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-newsletter): A footer pairing link columns with an email signup field and button. Captures subscribers for promotions and offers while customers browse your store. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-newsletter.json`
- [Stats Feature Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-stats-feature-showcase): A section that pairs product features with hard numbers and metrics. Use it when figures like speed or savings make the strongest case to buy. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-stats-feature-showcase.json`
- [Simple Links by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-simple-links): A compact footer with a single row of essential links and a copyright line. Keeps the bottom of a small store clean, tidy, and quick to scan for shoppers. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-simple-links.json`
- [Feature Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-timeline): A vertical timeline that walks through product features in sequence. Useful for showing a setup flow or how capabilities build on each other. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-feature-timeline.json`
- [Timeline Feature Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-timeline-feature-showcase): A timeline that reveals product features step by step as buyers scroll. Good for guiding readers through a journey from first use to results. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-timeline-feature-showcase.json`
- [Review Comparison by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-review-comparison): A side by side view of the highest and lowest rated reviews so shoppers weigh pros and cons. Helps buyers decide quickly on a product detail page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-review-comparison.json`
- [Scrolling Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-scrolling-preview): A category preview that scrolls product cards in a continuous strip, ideal for showing many items while keeping a compact footprint on a collection page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-scrolling-preview.json`
- [Horizontal Filters by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-filters-horizontal-filters): A row of filter dropdowns and chips sitting above the product grid. Lets shoppers narrow by category, price, and brand without giving up vertical space. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-filters-horizontal-filters.json`
- [Countdown Timer Promo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-countdown-timer-promo): A promo block with a live countdown timer, headline, and call to action. Builds urgency around flash sales and limited time offers that expire soon. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-countdown-timer-promo.json`
- [Three Pillars by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-three-pillars): Three equal columns, each with an icon, heading, and a line on quality, security, and support. Builds buyer confidence across the full storefront. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-three-pillars.json`
- [Horizontal Scrolling Features by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-horizontal-scrolling-features): A row of feature panels that scroll sideways as the page moves. Shows many product capabilities in a compact, playful strip that invites swiping. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-horizontal-scrolling-features.json`
- [Compact Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-compact-overview): A tight product layout that fits the image, price, options, and buy button above the fold. Built for small screens and quick mobile purchases. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-compact-overview.json`
- [Compact List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-compact-list): A dense list packing each product into a slim row with thumbnail, name, and price. Fits long catalogs and search results where space is tight. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-compact-list.json`
- [Full Text by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-full-text): A full text panel covering delivery times, costs, and the returns process in plain prose. Use on a dedicated policy page where shoppers expect complete detail. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-full-text.json`
- [Gallery Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-gallery-overview): A product page led by a multi image gallery with thumbnails beside the details. Lets shoppers study every angle before they add the item to cart. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-gallery-overview.json`
- [Compact Cart by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-compact-cart): A condensed cart panel listing items, quantities, and a running total in tight space. Fits a header dropdown or a narrow column without crowding the layout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-compact-cart.json`
- [Gallery List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-gallery-list): An image first list showing products as large photo cards with name and price. Suits visual categories like fashion, home decor, and art prints. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-gallery-list.json`
- [Sidebar Cart by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-sidebar-cart): A cart that slides in from the side as a panel over the page, listing items and totals. Keeps shopping in view while customers adjust quantities and pay. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-sidebar-cart.json`
- [Expandable Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-expandable-preview): A category preview where each tile expands to reveal more products on click, keeping the storefront tidy while shoppers dig into one collection at a time. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-expandable-preview.json`
- [Split Columns by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-split-columns): A split column layout that places shipping on one side and returns on the other. Lets customers compare delivery and refund terms in one quick glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-split-columns.json`
- [With Payments by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-payments): A footer that displays accepted card and wallet badges beside the usual store links. Reassures shoppers about secure checkout right before they buy. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-payments.json`
- [Split Offers by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-split-offers): A promo split into two panels, each holding a separate offer and button. Lets shoppers pick between two competing deals within one store section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-split-offers.json`
- [Modern Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-modern-overview): A contemporary product page mixing a bold image grid, accent typography, and clear pricing. Suits fashion and lifestyle brands that want a fresh look. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-modern-overview.json`
- [Filter List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-filter-list): A product list paired with category, price, and attribute filters in a sidebar. Lets shoppers narrow large catalogs and find the right item fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-filter-list.json`
- [Accordion by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-accordion): An accordion that collapses shipping and returns details into expandable rows. Keeps long policy text tidy on a product page until shoppers tap to read. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-shipping-returns-accordion.json`
- [Grid List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-grid-list): A responsive grid of product cards with images, titles, prices, and buttons. The standard catalog layout for category and search pages in a store. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-grid-list.json`
- [Badge Row by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-badge-row): A horizontal row of trust badges showing secure payment, returns, and warranty icons. Place under an add to cart button to calm buyer worry. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-badge-row.json`
- [Highlighted Quote by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-highlighted-quote): A large pull quote with author name and star rating that features a happy customer. Drop it near pricing to back your claims with real social proof. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-highlighted-quote.json`
- [Compact Review List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-compact-review-list): A tight vertical list of reviews with star ratings and short quotes. Fits narrow sidebars or product pages where space for feedback is limited. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-customer-reviews-compact-review-list.json`
- [Carousel Feature Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-carousel-feature-showcase): A swipeable carousel that steps through product features with image and copy per slide. Fits compact pages where space for many cards is tight. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-carousel-feature-showcase.json`
- [Classic Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-classic-overview): A classic product page with a large image on the left, title, price, variant options, and add to cart on the right. Familiar layout shoppers expect. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-classic-overview.json`
- [Features Testimonial Combo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-features-testimonial-combo): A layout that pairs product features with a customer quote beside them. Backs each benefit claim with real proof to win hesitant buyers over. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-features-testimonial-combo.json`
- [Animated Features Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-animated-features-grid): A grid of feature cards with icons and motion that triggers as cards enter view. Adds life to a benefits section without burying the message. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-animated-features-grid.json`
- [Split Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-split-preview): A category preview split between a featured image and a product list, pairing a strong visual with quick picks at the top of a collection page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-split-preview.json`
- [Multi Column Cards by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-multi-column-cards): A promo arranged as several cards in columns, each holding its own offer. Presents multiple deals or categories side by side on one store page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-multi-column-cards.json`
- [Grid Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-grid-preview): A category preview arranging collections in an even grid of image tiles, giving a clean overview of every department on a busy ecommerce home page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-grid-preview.json`
- [Comparison List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-comparison-list): A side by side list lining up products with specs, prices, and features in columns. Helps shoppers weigh options before they commit to a purchase. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-comparison-list.json`
- [Full Width Large Content by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-full-width-large-content): A full width promo with oversized type and a clear button. Commands attention across the whole page for a headline campaign or a seasonal launch. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-full-width-large-content.json`
- [Checklist by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-checklist): A vertical checklist of product promises with check icons and short labels. Use it on a product page to spell out exactly what every order includes. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-trust-guarantee-checklist.json`
- [Minimal Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-minimal-overview): A pared back product page with one clean image, title, price, and a single buy button. Keeps focus on the item for simple, low clutter catalogs. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-minimal-overview.json`
- [Mini Cart by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-mini-cart): A small summary cart with thumbnails, prices, and a checkout button. Pops from a cart icon so shoppers confirm contents fast before moving on to pay. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-shopping-cart-mini-cart.json`
- [Three Column Preview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-three-column-preview): A category preview laid out in three balanced columns of image tiles, sorting collections into clear groups for a wide ecommerce navigation page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-preview-three-column-preview.json`
- [Featured List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-featured-list): A list spotlighting select products with large imagery, descriptions, and prices. Highlights bestsellers or promotions on a storefront landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-featured-list.json`
- [Builder by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-bundle-upsells-builder): A bundle builder where shoppers pick add on products and watch the total update live. Use it on product pages to grow order value before checkout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-bundle-upsells-builder.json`
- [With Socials by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-socials): A footer with link columns plus a row of social media icons. Connects shoppers to your brand on Instagram, X, and other channels they already follow. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-ecommerce-footers-with-socials.json`
- [Filter Drawer by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-filters-filter-drawer): A slide in drawer holding category, price, and rating filters for small screens. Keeps the product grid full width until shoppers tap to refine on mobile. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-category-filters-filter-drawer.json`
- [Large Image Split by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-large-image-split): A split promo with a large image filling one half and an offer on the other. Frames a hero product next to a discount and a clear, single button. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-large-image-split.json`
- [Split Image Features by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-split-image-features): A two column section with a product photo on one side and feature copy on the other. Balances visual and text to sell a single hero capability. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-features-split-image-features.json`

## Paid e-commerce blocks

The first 60 of 226, best first. Their registries sell these: each installs from its registry once bought.

- [Checkout 01 - Order Summary Checkout by @shadcn-space](https://shadcn.exchange/r/shadcn-space/checkout-01): A modern checkout interface combining streamlined shipping inputs, product summaries, pricing breakdowns, and action-focused buttons for effortless purchasing journeys.
- [Checkout 02 - Shipping Method Selection by @shadcn-space](https://shadcn.exchange/r/shadcn-space/checkout-02): A clean eCommerce checkout with selectable shipping options, structured order details, discount fields, and conversion-focused actions for simplified user journeys.
- [Checkout Form 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/checkout-form-3): A guided multi-step checkout process with progress indicator and validation.
- [Checkout 1 – Checkout page with shipping, payment and order summary by @shadcncraft](https://shadcn.exchange/r/shadcncraft/checkout-1): A comprehensive and professional checkout interface featuring a dual-column layout. The left column is dedicated to user data entry, the right column acts as a fixed "Summary" sidebar, providing a final review of cart items, detailed cost…
- [Bento Product Grid by @blockforge](https://shadcn.exchange/r/blockforge/bento-product-grid): Asymmetric feature grid anchored by a live analytics panel and deploy log.
- [Shopping Cart 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/shopping-cart-2): A clean and modern cart with promo codes and shipping info.
- [Product Details 2 - Product page with breadcrumbs and accordion by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-details-2): A comprehensive product layout featuring a top breadcrumb navigation for easy store browsing. The left side showcases a large product image, while the right side organizes purchase details: rating, price, size tiles, and color swatches. Be…
- [Shopping Cart 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/shopping-cart-5): A cart and wishlist combo where moving an item between lists animates the row traveling, with stock warnings, price-drop badges and separate empty states.
- [Product Details 3 - Detailed product view with specifications and gallery by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-details-3): A content-rich product detail section that prioritizes technical information. The layout features a primary text area on the left detailing fabric composition and design features, balanced by a configuration sidebar on the right for size a…
- [Shopping Cart 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/shopping-cart-3): A simple cart summary with item list and total.
- [Product List 2 – Centered header with product grid by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-list-2): A balanced e-commerce section featuring a centered headline. The products are displayed in a clean four-column grid, where each card follows a vertical stack: high-quality product image, centered title, brief description, price, and a prim…
- [Checkout Form 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/checkout-form-5): An order confirmation page with a fulfilment timeline, line items and totals.
- [Product List 1 – Product grid with header & action cards by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-list-1): A clean e-commerce section featuring a left-aligned collection header and a four-column product grid. Each card includes a badge, high-quality product imagery, star ratings, pricing, and a brief description. The layout is finalized with a…
- [Checkout Form 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/checkout-form-4): A checkout form with collections of presets.
- [Product Details 1 –  Product overview with configuration by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-details-1): A clean and professional product detail section featuring a large primary image on the left and functional configuration tools on the right. The information hierarchy includes the product title, star ratings, price, and a brief description…
- [Product Listing Card 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/product-card-3): A product grid with low-stock badges and a view-similar action.
- [Product Details 4 - Product detail page with vertical thumbnail gallery by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-details-4): A streamlined product section featuring a multi-image navigation system. The layout includes a vertical column of clickable thumbnails on the left, which updates the large primary image in the center. The right side is dedicated to product…
- [Checkout Form 6 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/checkout-form-6): A checkout with an async address combobox, delivery tags, a date range picker, phone with OTP verification and currency-formatted totals.
- [Shopping Cart 1 –  Overlay with itemized list and checkout by @shadcncraft](https://shadcn.exchange/r/shadcncraft/shopping-cart-1): A functional slide-out cart interface that appears as an overlay on the right side of the screen. It features a clear itemized list of added products, including thumbnail images, titles, brief descriptions, quantities, and prices. The layo…
- [Checkout Form 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/checkout-form-2): A comprehensive single-page checkout with order summary and secure payment.
- [Product List 3 – Product card grid with color swatches by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-list-3): A modern e-commerce grid featuring products housed in individual white cards with subtle borders. In addition to the badge, star ratings, and button, each card includes interactive color swatches for product customization. This layout is o…
- [Product Listing Card 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/product-card-4): A product carousel and grid combination across twelve items.
- [Shopping Cart 2 - shopping cart page with order summary and promo section by @shadcncraft](https://shadcn.exchange/r/shadcncraft/shopping-cart-2): A comprehensive checkout page featuring a two-column layout. The larger left column displays a detailed list of cart items with quantity adjusters and removal options. The right column serves a sidebar containing a promo code input field a…
- [Shopping Cart 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/shopping-cart-4): A collapsible cart sidebar with progress tracking and quick checkout.
- [Shopping Cart 3 - Centered shopping cart page with inline summary by @shadcncraft](https://shadcn.exchange/r/shadcncraft/shopping-cart-3): A streamlined and focused shopping cart layout where all elements are stacked in a single centered column. The page displays the list of items with full management controls (quantity and removal), followed directly by the promotional code…
- [Product Listing Card 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/product-card-5): Table-style product listing with comparison and sorting features.
- [Shopping Cart 4 - Triple-card cart layout with discount and summary by @shadcncraft](https://shadcn.exchange/r/shadcncraft/shopping-cart-4): A highly organized shopping cart page that utilizes three distinct white cards on a light gray background to separate functional areas. The main card on the left manages the product list and inventory controls. On the right, two smaller st…
- [Checkout 3 – Checkout with left-aligned order overview and payment stack by @shadcncraft](https://shadcn.exchange/r/shadcncraft/checkout-3): A checkout layout that separates order details from data entry through a clean, vertical split. The left column is dedicated to a high-visibility "Summary" of cart items and a secondary "Overview" card for financial totals and promo codes.…
- [Checkout 2 – Modular checkout with summary and overview sidebars by @shadcncraft](https://shadcn.exchange/r/shadcncraft/checkout-2): Checkout interface that uses a multi-card layout to prioritize order transparency. It features a "Summary" of items and an "Overview" of costs (including a promo code field) on the left side, while the more extensive "Shipping Information"…
- [Product List 5 - Product grid with horizontal carousel by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-list-5): A clean e-commerce section featuring a left-aligned collection header and a four-column product layout. Each item includes a badge, star rating, pricing, and a primary button. The distinctive feature is the inclusion of directional arrow b…
- [Product List 4 - Product grid with centered labels and color swatches by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-list-4): A streamlined e-commerce layout featuring a centered collection header and a four-column grid of bordered product cards. Each card prioritizes clear information hierarchy: category badge, star rating, product title, and description, follow…
- [Product Details 5 - Product page with bottom gallery and navigation arrows by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-details-5): A product detail layout featuring an interactive image gallery. The main product image is supported by a row of four thumbnails at the bottom for multi-angle viewing, along with directional arrows and a zoom icon for deep-dive inspection.…
- [Product Details 6 - Product page with centered hero and multi-column FAQ grid by @shadcncraft](https://shadcn.exchange/r/shadcncraft/product-details-6): A comprehensive product layout featuring a centered hero image flanked by essential purchase controls like price, size selection tiles, and a button. The lower section of the page is dedicated to a high-density information area. This desig…
- [Wishlist Manager by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce7): Saved items list with stock status, quick add to cart, and remove actions. Includes empty state with call to action. Perfect for user dashboards and saved items pages.
- [Product cards by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/product-card5): Product cards built with shadcn/ui.
- [Product List 3 - Product grid with hover add to cart by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-list3): A product grid of cards with images, optional badges, names, descriptions, and an add to cart button that appears over the image on hover.
- [Ecommerce product grid with hover quick-buy panel and in-stock-aware size picker by @reui](https://shadcn.exchange/r/reui/product-grid-5): Shoppable 3-column product grid; cards reveal a hover quick-buy panel with a stock-aware size picker (sold-out sizes struck through), wishlist toggle, and Add to Bag. ReUI Badge, shadcn Item, Field, Checkbox, Button. Storefront catalog, sh…
- [Load More Feed With Category Pills by @beste-ui](https://shadcn.exchange/r/beste-ui/productlist5): Three-column product feed led by a row of category pills, with a search and sort, and a Load more button plus progress bar that appends the next batch instead of paginating, powered by the shared product-filters engine. Self-fetches from y…
- [Checkout page by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/checkout2): Order review page listing products with color tags and fast or free delivery options, beside a payment card with email, card or virtual account choice, card fields and a Pay button showing the total.
- [Product Card 10 - Product card with variant thumbnails by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-card10): A product card with a zooming image, sale or sold-out badge, hover add to cart and quick view, plus thumbnail buttons to switch variants.
- [Multi-Step Checkout with Stepper Progress and Sticky Order Summary by @reui](https://shadcn.exchange/r/reui/checkout-1): Four-step purchase flow for contact, address, delivery speed, and card/PayPal/Apple Pay payment, with promo code, validation, and a sticky order summary. Uses ReUI Stepper, Badge, Alert; shadcn Combobox, RadioGroup. For cart, order, checko…
- [Quick-Shop Product Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/productlist4): Product grid with a left filter sidebar where hovering a card reveals a quick-shop tray with sizes and an add-to-cart button, plus a category tag and sale badge, powered by the shared product-filters engine. Self-fetches from your API via…
- [Product cards by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/product-card7): Product cards built with shadcn/ui.
- [Product Card 7 - Product card with size picker by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-card7): A product card with image, name, sale price and discount badge, plus a hover size selector on desktop and a mobile drawer for add to cart.
- [Apparel Product Grid with Wishlist Toggle and Discount Badges by @reui](https://shadcn.exchange/r/reui/product-card-1): Centered breadcrumb header over a responsive product grid with image hover, wishlist toggle, content and discount badges, and compare-at pricing. ReUI Badge; shadcn Breadcrumb, Button. Shop, catalog, gallery, ecommerce listing.
- [Gift Card Redemption Form by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce19): Code input form with loading states, validation, and balance display on success. Perfect for checkout pages and account credit sections.
- [Product details by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/product-details3): T-shirt product page with breadcrumb, main image and clickable thumbnails, price, rating, description, size Select, color buttons, quantity stepper, Add To Cart and Buy Now buttons and collapsible Details, Shipping and Returns rows.
- [Ecommerce Hero 1 - Carousel With Paired Product Cards by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/ecommerce-hero1): An autoplay carousel on a primary-colored panel where each slide shows two columns with tall scene photos, overlaid product cards, and section titles beneath.
- [Ecommerce product grid with filters, sort, color swatches, and wishlist by @reui](https://shadcn.exchange/r/reui/product-card-2): Shoppable catalog with category, availability, sale, and color filters, price/newest/featured sort, per-card color swatches with image variants, and wishlist toggle. shadcn Card, Button, Select, Switch; ReUI Badge. Storefronts, apparel, sh…
- [Outfit Builder by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce31): Mix-and-match product selector organized by category with running total and add all to cart. Perfect for fashion lookbooks and curated outfits.
- [Checkout page by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/checkout3): Delivery form in one card with general information, address with country select and payment sections, next to a large total, collapsible discount field and product list with quantity controls.
- [Ecommerce Navbar 2 - Layered Dropdown Store Navbar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/ecommerce-navbar2): An ecommerce header with primary nav, search, cart with badge, wishlist and account entry, nested dropdowns and mega panels on desktop, and an accordion-based mobile sheet with grouped help and account links.
- [Apparel 2x2 product grid with hover lifestyle image cross-fade and expanding color swatch pill by @reui](https://shadcn.exchange/r/reui/product-grid-6): Fashion ecommerce 2x2 product grid where tiles cross-fade product to on-model shots on hover, revealing Add to List and Add to Cart, plus a corner Badge and fan-out swatch pill. ReUI Badge, shadcn Button, Item. Catalog, collection, shop pa…
- [Shop the Look by @beste-ui](https://shadcn.exchange/r/beste-ui/ecommerce37): Lifestyle image with clickable product hotspots and bundled add-all-to-cart pricing. Perfect for fashion editorial and styled outfit pages.
- [Ecommerce by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ecommerce-chart4): Ecommerce built with shadcn/ui.
- [Product Card 24 - Hoodie Card With Form Variants by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-card24): A product card combining an image carousel with next and previous controls, react-hook-form and zod driven size and color groups with stock states, gradient color swatches, and sticky-feel add-to-cart with sale pricing.
- [Full-Page Shopping Cart with Per-Item Delivery or Pickup Toggle and Sticky Order Summary by @reui](https://shadcn.exchange/r/reui/shopping-cart-4): Cart page where each item toggles delivery or pickup with its own date and fee, plus quantity steppers, promo code, and a hero estimated total. ReUI Badge, shadcn ToggleGroup, ButtonGroup, Card, InputGroup. For ecommerce checkout, basket,…
- [Product Grid With Filter Drawer by @beste-ui](https://shadcn.exchange/r/beste-ui/productlist2): Product catalog with a single Filters button that opens a side drawer: keyword search, cascading category and subcategory selects, a searchable multi-brand combobox, a size multiselect, and a segmented gender control, powered by the shared…
- [Product cards by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/product-cards9): Home listing card with a full bleed 4:3 photo and a frosted panel at the bottom showing the price range, address, bed, bath and parking counts, property type and star rating with review count.
- [Product Card 5 - Product card with collection label by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-card5): A product card with a square image, collection label, product name, and price for catalog listings.

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=ecommerce&price=paid`.

## Registries with the most e-commerce blocks

- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 83 blocks, all free
- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 77 blocks, 7 free and 70 paid
- [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 47 blocks, all paid
- [@reui](https://shadcn.exchange/r/reui): 44 blocks, all paid
- [@beste-ui](https://shadcn.exchange/r/beste-ui): 35 blocks, 3 free and 32 paid
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 18 blocks, all paid
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 16 blocks, 4 free and 12 paid
- [@commercn](https://shadcn.exchange/r/commercn): 9 blocks, all free
- [@uiable](https://shadcn.exchange/r/uiable): 9 blocks, all free
- [@hirael](https://shadcn.exchange/r/hirael): 4 blocks, all free
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 3 blocks, 1 free and 2 paid
- [@uploadcn](https://shadcn.exchange/r/uploadcn): 3 blocks, all free
- [@esuiss](https://shadcn.exchange/r/esuiss): 2 blocks, all free
- [@shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard): 2 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 1 block, paid
- [@ecomcn](https://shadcn.exchange/r/ecomcn): 1 block, free
- [@formscn](https://shadcn.exchange/r/formscn): 1 block, free
- [@framecn](https://shadcn.exchange/r/framecn): 1 block, free
- [@keyframeui](https://shadcn.exchange/r/keyframeui): 1 block, free
- [@lema-ds](https://shadcn.exchange/r/lema-ds): 1 block, free