Product Gallery 29 - Mixed Image and Video Strip

Pro

A horizontal product media strip that mixes square photos, portrait photos and a looping video, with overlaid arrows and a fullscreen lightbox for images.

Shadcn Product Gallery 29 block

Component data

ID
product-gallery29
Access
pro
Created
Nov 11, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria

Product Gallery 29 block design & features

A horizontal product media strip built with shadcn/ui Carousel and PhotoSwipe. Square and portrait photos sit in one fixed-height row alongside a muted, looping product video, each keeping its own shape.

Arrow buttons sit over the left and right edges of the strip on desktop and page through it a screenful at a time. Clicking a photo opens it in a fullscreen lightbox, while the video plays inline with its own controls.

On mobile one item is shown at a time inside a square frame, with previous and next buttons and a position counter underneath. The media items are a prop, each marked as an image or a video with its own aspect ratio.