Examples
The blocks, together.
A block on its own shows you its API. These show you what you get: whole pages, and a shop you can walk through, made of ecomcn blocks and nothing else.
Demo store
Shop it, start to bag.
Filter the collection, open any of its 16 products, pick a colour and a size, add to the bag and apply a code. Built from 21 ecomcn blocks — a real route, not a preview frame.
Composed pages
Browse
Listing page
A collection page built from ecomcn alone: toolbar, URL-driven filters on desktop, a staged sheet on mobile, composed cards with a quick-view morph, load more, and a useful empty state.
9 blocks · sort-toolbar · filter-panel · filter-sheet · product-grid · product-card · product-quick-view · load-more · empty-results · price-tag
Product
Product page
A product page built from ecomcn alone: a gallery that follows the colour you pick, the buy box with stock-aware swatches and a size guide, details, reviews that filter, and a rail of related products.
9 blocks · product-gallery · product-buy-box · variant-swatches · size-guide-dialog · price-tag · product-details-accordion · review-summary · related-products · product-card