Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
Storefront Hero Personalized
Storefront hero with recently viewed products and personalized recommendations
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Create a personalized shopping experience with this storefront hero featuring recently viewed products and smart recommendations. Shows the user's browsing history alongside curated suggestions based on their interests. Built with shadcn/ui Card, Button, Badge, ScrollArea, and Tabs components. The minimal layout keeps focus on products while the tabbed interface lets users switch between views—perfect for returning visitors and increasing engagement on e-commerce homepages.
Welcome Back
Pick up where you left off or discover something new.
Continue Browsing
Products you've viewed recently
Installation
Related blocks you will also like
Featured Product Storefront Hero
Hero with single product showcase
Product Showcase Storefront Hero
Hero with multiple featured products
Quick View Storefront Hero
Hero with quick view modal