Shadcn.io is not affiliated with official shadcn/ui
Awards Peek Drawer
An awards list block for React and Next.js with inline peek drawer expansion, smooth slide-down animation, and single-item-open accordion behavior built with shadcn/ui and Tailwind CSS
Preview award details inline with this peek drawer block for React and Next.js. Features an accordion-style list where clicking an award smoothly expands an inline detail section below it with description, category, and year information. Built with TypeScript, shadcn/ui Badge component, motion/react AnimatePresence height animations, and Tailwind CSS. Perfect for award portfolios, recognition lists, and company achievement pages.
Related Components
Awards Accordion
Expandable award rows
Awards Collapsible List
Collapsible award sections
Awards Spotlight
Clickable award spotlight
Awards Animated Reveal
Awards with reveal animation
Awards Filter
Filter awards by criteria
Awards Carousel
Awards in a carousel
FAQ
Was this page helpful?
Sign in to leave feedback.