Shadcn.io is not affiliated with official shadcn/ui
About Photo Gallery
An asymmetric bento-grid photo gallery block for React and Next.js with varying aspect ratios, caption overlays, location labels, and scale entrance animations built with shadcn/ui and Tailwind CSS
Bring your team and culture to life with this bento-grid photo gallery block for React and Next.js. Features an asymmetric grid layout with 8 placeholder cells using varying aspect ratios, two spanning cells for visual emphasis, caption overlays with location and description text, and staggered scale entrance animations. Built with TypeScript, motion/react scale animations, and Tailwind CSS. Perfect for about pages, culture sections, and team showcase areas.
Related Components
Team Grid
Team member photo directory
Culture
Company culture and values
Office Tour
Virtual office walkthrough
Team Activities
Team events and outings
Day in Life
Typical workday showcase
Team Mosaic
Photo mosaic of team members
FAQ
Was this page helpful?
Sign in to leave feedback.
Philosophy
An editorial philosophy statements block for React and Next.js with numbered monospace prefixes, supporting paragraphs, a pull-quote with border accent, attribution footer, and fade entrance animations built with shadcn/ui and Tailwind CSS
Podcast Episodes
A podcast episodes block for React and Next.js with episode list, expandable descriptions, category badges, play button icons, duration badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS