Awards Asymmetric Mosaic
An asymmetric mosaic awards block for React and Next.js with mixed-size card grid, featured large card, and compact award tiles built with shadcn/ui and Tailwind CSS
Display your awards in a dynamic asymmetric mosaic layout with this React and Next.js block. Features a large featured award card spanning two rows alongside smaller compact tiles showing title, organization, and year. Built with TypeScript, shadcn/ui Badge component, motion/react staggered entrance animations, and Tailwind CSS CSS Grid. Perfect for company about pages, portfolio sites, and recognition sections that need visual hierarchy.
Related Components
Awards Grid
Standard grid layout for awards
Awards Masonry
Masonry layout for awards
Awards Bento
Bento grid awards layout
Awards Showcase
Awards showcase display
Awards Card Flip
Flip card awards display
Awards Category Grid
Category-organized awards grid
FAQ
Was this page helpful?
Sign in to leave feedback.