Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Storefront Block New Collection
New collection hero with split layout, featured product grid, and newsletter signup
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
A sophisticated storefront hero for launching new collections. Features a clean split layout with collection imagery and details, a curated grid of featured products with hover interactions, and an integrated newsletter signup. Built with shadcn/ui Card, Button, Input, Badge, and Separator components. The minimal design lets your products shine while providing clear calls-to-action—perfect for fashion brands, seasonal launches, or curated drops.
Winter 2024
Luxurious fabrics meet timeless silhouettes. Our winter collection is designed for those who appreciate understated elegance.
48
New Styles
12
Categories
100%
Sustainable
Featured Pieces
Handpicked from the collection
Outerwear
Cashmere Blend Coat
$425
Dresses
Silk Midi Dress
$289
Blazers
Tailored Wool Blazer
$345
Footwear
Leather Ankle Boots
$265
Get Early Access
Subscribe to receive exclusive previews and early access to new collections.
Installation
Related blocks you will also like
React Storefront Block Featured Product
Single product showcase
React Storefront Block Flash Sale
Countdown timer with deals
React Storefront Block Categories
Product category grid
React Storefront Block Product Showcase
Tabbed product display
React Storefront Block Personalized
Personalized recommendations
React Storefront Block Size Guide
Size finder tool