Gallery 39 - Listing Photo Grid With Lightbox

Pro

A property-style photo grid with one large lead image and four smaller ones, where any photo or the show all photos button opens a full-screen lightbox with arrows, captions, and a thumbnail strip.

Shadcn Gallery 39 block

Component data

ID
gallery39
Access
pro
Created
Oct 9, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 39 block design & features

Gallery39 is a listing-style gallery built with shadcn/ui. A heading and subheading sit above a grid with one large photo on the left and four smaller photos in a two by two block on the right, with rounded outer corners and a show all photos button with a count in the bottom corner.

Hovering a photo darkens it slightly. Clicking a photo opens a full-screen lightbox on that exact image, and the button opens it on the first. The lightbox shows one photo at a time on black with a counter, its caption, previous and next arrows, and a thumbnail strip for jumping to any photo. It loops, and supports the arrow keys and swiping on touch screens.

It is a familiar, practical pattern from property and travel sites, well suited to project pages, venues, and products with many angles. It needs a lead image and several supporting photos with captions.

On mobile only the lead image shows, with the button to open the lightbox; the side arrows hide and swiping or the thumbnails move between photos.