Gallery 72 - Drag to Reorder Photo Grid

Pro

A photo grid that can be rearranged by dragging, with numbered positions, a cover badge on the first photo, smooth layout animation as tiles move, and a reset button.

Shadcn Gallery 72 block

Component data

ID
gallery72
Access
pro
Created
Oct 9, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 72 block design & features

Gallery72 is a sortable photo grid built with shadcn/ui. A heading, short description, and reset button sit above a four-column grid of portrait photos, each with its position number, and a cover badge on the first.

Dragging a photo lifts it with a slight tilt and shadow, and moving it over another tile reorders the grid on the fly, with every other tile sliding smoothly into its new place. Numbers and the cover badge update as the order changes. With keyboard focus, the arrow keys move a photo earlier or later.

It is practical and satisfying, suited to album builders, print orders, and any flow where people curate their own sequence. It needs photos with a title each.

On mobile the grid drops to two columns.