Gallery 132 - Wide Focus Carousel

Pro

An endless row of fashion and accessory photos where the card reaching the centre opens out to nearly twice the width of the others, revealing more of its photo, with drag, wheel and arrow-key control.

Shadcn Gallery 132 block

Component data

ID
gallery132
Access
pro
Created
Nov 4, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 132 block design & features

The row drifts slowly on its own and loops forever. As a card approaches the centre it widens smoothly to about 1.85 times the width of its neighbours, showing more of the photo rather than scaling it, while the cards either side slide aside so the gaps stay even. Dragging the row carries momentum and settles a card in the centre, a wheel or trackpad gesture moves one card, arrow keys work when the row is focused, and clicking a card brings it to the centre. Touch drags only read the horizontal axis so the page still scrolls. With reduced motion the drift stops and snaps happen instantly.

The wide focus suits fashion, accessories, jewellery, textiles or any product range where a closer look sells. It needs a portrait photo and a short name for each card.