Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Awards Block Split
Awards split layout section with image and detailed award information for React landing pages
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Ranked #1
in our category
Product of the Year 2024
We're honored to receive this prestigious recognition from the Global Technology Awards, celebrating our commitment to innovation and user experience.
- Selected from 2,000+ global submissions
- Judged by 50 industry experts
- Recognized for innovation and impact
- Third consecutive year winning
Installation
Related blocks you will also like
React Awards Block Featured
Single featured award
React Awards Block Bento
Bento grid layout
React Awards Block Showcase
Premium showcase
React Awards Block Carousel
Swipeable carousel
React Awards Block Counter
Animated counters
React Awards Block Hero
Hero award layout