Gallery 114 - Iris Reveal Slideshow

Pro

A wide residential architecture slideshow where the next project opens through a circular aperture growing from the exact point you click, traced by a thin white ring, with a sliding caption, slide markers and a mono counter.

Shadcn Gallery 114 block

Component data

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

Gallery 114 block design & features

Gallery114 is a wide shadcn/ui slideshow built around a camera iris. Six modern residences, from a cantilevered pool house and a lake retreat at dusk to a forest cabin and a desert courtyard home, fill a cinematic frame with rounded corners. The heading and a short introduction sit above it and, below it, the project name, building type, location and year sit next to a row of hairline slide markers, a mono counter and round arrow buttons.

Clicking anywhere on the frame opens the next photo through a circular aperture that grows from the exact point of the click until it covers the frame. A thin white ring rides the edge of the aperture and fades as it reaches the corners, and the incoming photo settles from a slight zoom as it opens. On desktop a small ring follows the pointer over the frame to hint where the next opening will start. The arrow buttons and arrow keys open from the matching side of the frame, the markers open from the centre, and Enter or Space advances when the frame has focus. Clicking again mid transition starts a new aperture from the new point on top of the one still opening, so rapid clicks never stall. With reduced motion the photos crossfade instead.

The tone is calm and spatial, suited to architecture and interior design studios, residential developers, luxury real estate or hospitality brands with strong architectural photography. It needs a wide photo, a title, a building type and location, and a year for each slide.