React Awards Block Bento

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.

React Awards Block Bento preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/awards-bento.json

npx shadcn@latest add https://www.shadcn.io/registry/awards-bento.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/awards-bento.json

bunx shadcn@latest add https://www.shadcn.io/registry/awards-bento.json

Related Components

FAQ