Product Gallery 23 block design & features
A product gallery for electronics with a bordered main image and a thumbnail strip underneath, built with shadcn/ui Carousel and PhotoSwipe.
Small previous and next buttons sit in the bottom right corner of the main image and loop through the photos. Below, five thumbnails are shown at a time and the active one gets an inset ring. Clicking a thumbnail jumps to that image, and when there are more than five thumbnails the strip gets its own arrows. Clicking the main image opens a fullscreen lightbox.
On mobile the thumbnail strip is hidden and the corner arrows are used instead. The images, each with its own thumbnail, and the gallery ID are props.