Gallery 121 - Formation Morph Gallery

Pro

A set of product photos that springs between four 3D arrangements, a flat grid, a tilted table top, a rotating ring and a coverflow band, picked from a segmented control, with a caption for the focused item.

Shadcn Gallery 121 block

Component data

ID
gallery121
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 121 block design & features

Gallery121 is a shadcn/ui gallery that shows one set of photos in four 3D arrangements. A heading and intro sit on the left with a segmented control on the right offering Grid, Table, Ring and Band. Below them a soft panel holds twelve landscape photos of phone cases, keyboards and charging gear, and under the panel sit the focused item's name and detail, a mono counter and round previous and next buttons.

Choosing an arrangement springs every photo from where it is to its new place, so the set reads as one object changing shape rather than four separate layouts. Grid lays the photos out flat like a catalogue page, Table tips them back onto a surface in perspective, Ring stands them in a circle seen from slightly above, and Band lines them up as a coverflow with the focused photo flat in the middle. The arrows, the arrow keys and clicking a photo all change focus. In Ring and Band that brings the photo to the front, always taking the short way round, and in Grid and Table it moves an outline. Transitions are instant when reduced motion is preferred.

It suits product brands, shops and studios that want one compact gallery to feel exploratory. It works best with around ten to twelve landscape photos, each with a name and a short detail line.