Shadcn.io is not affiliated with official shadcn/ui
React Storefront Block New Collection
New collection hero with split layout, featured product grid, and newsletter signup
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.
React Storefront Block New Collection preview
Installation
Related Components
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
FAQ
Was this page helpful?
Sign in to leave feedback.