React Awards Block Split

Tell the story behind your achievement with this split layout awards component for Next.js landing pages. Features a large image area alongside comprehensive award details including event info, key highlights, and a call-to-action button, plus a floating ranking badge. Built with shadcn/ui Badge and Button components using Tailwind CSS and Lucide icons. Split layouts let you show the human side of awards—team photos, ceremony moments, trophy close-ups add authenticity that logos alone can't match. Perfect for milestone awards, press-worthy wins, and any achievement worth celebrating with visual storytelling.

React Awards Block Split preview

Installation

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

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

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

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

Related Components

FAQ