Product Gallery 15 block design & features
A product gallery with a large rounded main image on the left and a narrow column of portrait thumbnails on the right, built with shadcn/ui Carousel and PhotoSwipe.
Clicking a thumbnail scrolls the main carousel to that image and the active thumbnail gets a ring. The thumbnail column scrolls on its own when there are more images than fit. Clicking the main image opens a fullscreen lightbox with outline arrow buttons, a close button and a counter badge showing the current position.
On mobile the thumbnail column is hidden and previous and next buttons appear under the image instead. The images and gallery ID are props.