Gallery 105 - Autoplay Product Fan

Pro

An autoplaying fanned deck of product photos with segmented progress bars, an animated name, price and detail caption, an add to bag button, and pause control.

Shadcn Gallery 105 block

Component data

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

Gallery 105 block design & features

Gallery105 is a two column product showcase in Shadcn UI built around a fanned photo deck. The text column holds a heading, the current product name and price with a short detail line, a row of thin segmented progress bars, an add to bag button, and a pause button. The deck sits in the other column with the front card upright and the cards behind it rotated alternately left and right like a loose fan.

The deck advances on its own, filling the progress segment for the current product before the front card swings to the back and the next one comes forward. Hovering or focusing the deck pauses it, the pause button stops it entirely, and it stays still for visitors who prefer reduced motion. Clicking a progress segment jumps to that product, clicking the front card moves to the next, and arrow keys work when the deck has focus.

It feels polished and retail-focused, closer to a product launch page than a photo gallery. It needs a portrait product photo, name, short detail, and price for each item. On mobile the deck sits above the text.