Gallery 106 - Three Up Parallax Carousel

Pro

A looping carousel showing three portrait cards at once, where each photo shifts inside its frame as the row moves, with a title and location under each card and arrow controls.

Shadcn Gallery 106 block

Component data

ID
gallery106
Access
pro
Created
Oct 24, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 106 block design & features

Gallery106 is a three-across take on the parallax carousel. Built with shadcn/ui, it shows a heading, short description, and arrow buttons above a looping row of 3:4 portrait photo cards, each with a title and location underneath.

The row is centred, so three cards sit in view on desktop, two on tablets, and one with a peek of the next on phones. As the row is dragged or stepped with the arrows, each photo slides inside its frame by how far its card is from the centre, so the images appear to sit behind the cards like windows.

It suits portfolios, property listings, and travel collections where several images should be visible at once without losing the sense of depth.