Shadcn.io is not affiliated with official shadcn/ui
Hero Block Categories
Hero block with category/use case grid for navigating to different sections
Find your path. This React hero block displays a grid of categories or use cases that help visitors self-select and navigate to relevant content. Built with shadcn/ui Button, Badge, and Card components. Each category card has an icon, title, and brief description. This pattern helps diverse audiences quickly find what's relevant to them. Perfect for platforms serving multiple industries, multi-product companies, or marketplaces with distinct categories.
Hero Block Categories preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
Hero Block Bento Grid
Hero with bento feature grid
Hero Block Two Columns
Hero with audience columns
Hero Block Feature Cards
Hero with feature grid
Hero Block Tabs
Hero with tabbed content