ActiveForms5
@ecomcn
Forms · MIT · data updated 2026-10-27
E-commerce blocks for shadcn/ui, organised by the purchase funnel — product cards and grids, URL-driven filters, sort, load more, quick view, empty states and the order summary.
accessibilityblockscardse-commerceeditorformsmedianavigationonboardingoverlayspaymentstheming
Install
npx shadcn@latest add https://ecomcn.vercel.app/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars5
Components (31)
announcement-barhero-editorialcategory-railcollection-gridlookbook-stripprice-tagproduct-cardproduct-gridsort-toolbarempty-resultsfilter-panelfilter-sheetload-moreproduct-quick-viewproduct-details-accordionsize-guide-dialogvariant-swatchesproduct-buy-boxreview-summaryrelated-productsproduct-gallerycart-line-itemcart-sheetorder-summarycheckout-stepperdelivery-optionsaddress-formpayment-selectororder-confirmationorder-trackingtheme-editorial
Components: announcement-bar, hero-editorial, category-rail, collection-grid, lookbook-strip, price-tag, product-card, product-grid, sort-toolbar, empty-results, filter-panel, filter-sheet, load-more, product-quick-view, product-details-accordion, size-guide-dialog, variant-swatches, product-buy-box, review-summary, related-products, product-gallery, cart-line-item, cart-sheet, order-summary, checkout-stepper, delivery-options, address-form, payment-selector, order-confirmation, order-tracking, theme-editorialPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@ecomcn · announcement-bar
npx shadcn@latest add https://ecomcn.vercel.app/r/announcement-bar.jsonView source