Shadcn.io is not affiliated with official shadcn/ui
Reviews Photo Wall
A React dense photo wall mosaic for Next.js with asymmetric bento grid layout, hover-to-reveal reviewer details, star ratings, and photo count overlays built with shadcn/ui and Tailwind CSS
Create a visually striking social proof display with this dense photo wall mosaic block for React and Next.js. Features an asymmetric bento-style grid where larger hero tiles anchor the layout alongside smaller detail tiles, hover-to-reveal reviewer name and star rating overlays, photo count indicators for multi-image reviews, and a summary footer with aggregate statistics. Built with TypeScript, shadcn/ui Badge and Tooltip components, motion/react staggered entrance animations with scale transitions, Lucide React icons, and Tailwind CSS Grid with col-span and row-span utilities for the mosaic pattern. Perfect for product landing pages, fashion lookbooks, restaurant galleries, real estate listings, and any visual-first marketplace.
Related Components
Reviews Photo Grid Gallery
Structured photo gallery with detail panel
Reviews Masonry Layout
Masonry grid review cards
Reviews Media Carousel
Carousel of review media
Reviews Testimonial Wall
Visual testimonial wall layout
Reviews Social Feed
Social media style review feed
Reviews Featured Carousel
Featured reviews carousel
FAQ
Was this page helpful?
Sign in to leave feedback.
Photo Grid Gallery
A React photo gallery component for Next.js displaying customer review images in a responsive grid with click-to-expand detail overlay, star ratings, and category filters built with shadcn/ui and Tailwind CSS
Product Card Rating
A React ecommerce product card with embedded star rating summary, review count, most helpful review quote, and price display for Next.js built with shadcn/ui Badge, Tooltip components and Tailwind CSS