Gallery 2 - Click to Expand Image Accordion

Pro

A row of five architectural photo panels where clicking one widens it to reveal its title, location, and an arrow while the others narrow, with numbered labels on every panel.

Shadcn Gallery 2 block

Component data

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

Gallery 2 block design & features

Gallery2 is an accordion gallery built with shadcn/ui. A heading and short description sit above a row of five full-height photo panels, each carrying a small number in its top corner. One panel is open at a time and takes most of the width, showing its title, location, and a round arrow over a soft gradient.

Clicking another panel widens it on a long, smooth ease while the previous one narrows, and the caption fades and lifts in just after. Closed panels zoom slightly on hover to invite a click. The photos come from a pale-sky architecture series, so the row reads as one calm set.

It is a simple, familiar layout with a little more polish than a plain strip, well suited to portfolios and property showcases with a handful of strong images. It needs a photo, title, and location per panel.

On mobile the panels stack vertically and the open panel grows in height instead of width.