Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Awards Block Bento
Awards bento grid section with varying card sizes for visual hierarchy on React landing pages
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Showcase achievements with modern visual impact using this bento grid awards component for Next.js landing pages. Features a dynamic grid layout with varying card sizes—a large featured card for your most prestigious award, smaller cards for supporting wins. Built with Tailwind CSS Grid and Lucide icons. Bento grids create natural visual hierarchy without explicit ranking—size communicates importance intuitively. Perfect for tech companies, creative agencies, portfolios, and any brand wanting a contemporary, editorial feel.
A legacy of excellence
Product of the Year
Recognized as the leading innovation in our category by TechCrunch Disrupt, competing against 500+ submissions from around the world.
Best UX Design
Awwwards
Innovation Leader
Gartner
Customer Choice
G2 Crowd
Fast Company Most Innovative
Named among the world's 50 most innovative companies
Installation
Related blocks you will also like
React Awards Block Showcase
Premium showcase
React Awards Block Grid
Awards trophy grid
React Awards Block Podium
Podium-style showcase
React Awards Block Minimal
Clean minimal style
React Awards Block Horizontal
Horizontal card layout
React Awards Block Carousel
Swipeable carousel