Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
Hero Block Bento Grid
Hero block with bento-style grid showcasing multiple features
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Everything you need to succeed
A complete toolkit designed to help you build, launch, and scale your product faster than ever.
Lightning Fast
Sub-millisecond response times with our globally distributed edge network.
Secure by Default
Enterprise-grade security built in.
Real-time Analytics
Instant insights into your data.
Team Collaboration
Work together seamlessly with real-time sync and commenting.
24/7 Support
Always here to help.
AI Powered
Smart suggestions everywhere.
Installation
Related blocks you will also like
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