Shadcn.io is not affiliated with official shadcn/ui
Awards Tooltip Grid
An ultra-compact grid of award cells with hover tooltips revealing full details including award name, organization, year, and category
Display a dense grid of awards in minimal space with this React and Next.js block. Each cell shows only the organization initials and a small trophy icon, while hovering reveals the full award name, granting organization, year, and category in a tooltip. Built with TypeScript, shadcn/ui Tooltip and Badge components, and Tailwind CSS. Ideal for company about pages, team profiles, and portfolio sites where you need maximum information density without visual clutter.
Awards Tooltip Grid preview
Installation
Related Components
Awards Grid
Full award cards in a grid
Awards Badges
Award badge display
Awards Compact
Compact award list
Awards Minimal
Minimal award layout
FAQ
Was this page helpful?
Sign in to leave feedback.