React Awards Block Horizontal

Combine awards with metrics using this horizontal layout component for Next.js landing pages. Features a 2-column grid of award cards with icons, titles, organizations, and year badges, plus a bottom statistics bar showing aggregate achievements. Built with shadcn/ui Badge component using Tailwind CSS and Lucide icons. The horizontal layout plus stats creates a complete picture—individual recognition backed by quantifiable impact. Perfect for data-driven SaaS companies, enterprises with extensive track records, and any brand wanting to show both quality and scale.

React Awards Block Horizontal preview

Installation

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

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

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

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

Related Components

FAQ