Shadcn Shop Hero Blocks: Storefront Heroes, Collection Grids and Deal Banners

A shop hero has to sell in one screen: a headline, a reason to act and the products or collections behind it. These blocks ship 8 ways to do that, from a product mosaic with per-tile Add to Cart to a 2x2 collection quilt, on the same Card, Badge and Button the rest of the store uses so the hero and the catalog match.

All Shop Hero Blocks

Open any block on its own page for a live preview, the components it is built from, and the install command.

Shop Hero 1 Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart
Shop Hero 2 Bento-grid shop hero with featured campaign tile, quick-add product tiles, and sale promo block
Shop Hero 3 Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles
Shop Hero 4 Shop By Category ecommerce hero with editorial header and a four-tile image category grid
Shop Hero 5 Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels
Shop Hero 6 Editorial split shop hero with brand stamp, dual Shop The Edit and Sale CTAs, and collection image
Shop Hero 7 Collection Switcher Shop Hero with Tabbed Thumbnail Chips and Full-Bleed Editorial Panels
Shop Hero 8 Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills

What the Shop Hero blocks cover

eCommerce screens, each a full block with fixture data:

Storefront shop hero with asymmetric 3-tile product mosaic and live per-tile Add to Cart
Bento-grid shop hero with featured campaign tile, quick-add product tiles, and sale promo block
Ecommerce shop hero with full-bleed featured deal banner, countdown, and three promo tiles
Shop By Category ecommerce hero with editorial header and a four-tile image category grid
Dual-Collection Shop Hero with Two Side-by-Side Full-Image Story Panels
Editorial split shop hero with brand stamp, dual Shop The Edit and Sale CTAs, and collection image
Collection Switcher Shop Hero with Tabbed Thumbnail Chips and Full-Bleed Editorial Panels
Edge-to-edge 2x2 collection quilt shop hero with full-bleed photo tiles and color-coded status pills

Built from

shadcn/ui components Avatar, Button, Card, Item and Tabs, the same components your project already owns, plus the ReUI Badge primitive for the sale and status pills.
Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

Shadcn Application Blocks (344) Browse 344 Shadcn Application blocks across 24 categories.
Shadcn Data Grid Blocks (39) Browse 39 Shadcn Data Grid blocks across 8 categories.
Shadcn Solutions Blocks (74) Browse 74 Shadcn Solutions blocks across 10 categories.
Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Shadcn AI & Agents Blocks (18) Browse 18 Shadcn AI & Agents blocks across 2 categories.

Frequently Asked Questions

Which shop hero should I start with?

Shop Hero 1 for a product-led store (a mosaic with Add to Cart on each tile), Shop Hero 4 to send people into categories, Shop Hero 3 for a sale with a countdown, and Shop Hero 7 when you want one hero to switch between collections.

How do I install a Shop Hero block?

Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.

Is a license needed?

Shop Hero blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Shadcn Shop Hero Blocks: Storefront Heroes, Collection Grids and Deal Banners

These 8 shop hero blocks cover a product mosaic, a bento campaign grid, a deal banner with countdown, category and collection tiles, and a tabbed switcher.