Product Gallery 21 block design & features
A product image grid in a bento layout, built with shadcn/ui Carousel and PhotoSwipe. On wider screens one large photo takes up the left half and four smaller photos sit in a two by two grid on the right, all with rounded corners.
Clicking any photo opens a fullscreen lightbox with arrow buttons, a close button and an image counter.
On mobile the grid becomes a carousel of square images with previous and next buttons over the photo. The images and gallery ID are props.