Product Gallery 19 block design & features
A product gallery with a large rounded square image and a row of thumbnails beneath it, built with shadcn/ui Carousel and PhotoSwipe.
On desktop, hovering the main image slides two round arrow buttons in from the sides and shows a small magnifier badge in the top corner. The carousel loops. Clicking a thumbnail jumps to that image and rings the active one, and clicking the main image opens a fullscreen lightbox.
On mobile the arrows are hidden, the image can be swiped, and the thumbnail row scrolls sideways. The images, each with its own thumbnail, and the gallery ID are props.