Shadcn.io is not affiliated with official shadcn/ui
Hero Block Bento Grid
Hero block with bento-style grid showcasing multiple features
Feature showcase, reimagined. This React hero block uses a modern bento grid layout to display multiple features with varying visual weights. Built with shadcn/ui Button, Badge, and Card components. The asymmetric grid creates visual interest while maintaining clear hierarchy—larger cards for primary features, smaller for secondary. Each card has an icon, title, and brief description. Perfect for products with multiple compelling features that deserve individual spotlight.
Hero Block Bento Grid preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
Hero Block Feature Cards
Hero with feature grid
Hero Block Feature List
Hero with feature list
Hero Block Tabs
Hero with tabbed features
Hero Block Feature Badges
Hero with feature badges