Gallery 47 - Hero preview with thumbnail strip

Pro

A large wide hero preview driven by a five-thumbnail strip, with the active description shown in the header.

Shadcn Gallery 47 block

Component data

ID
gallery47
Access
pro
Created
Aug 6, 2026
Updated
Aug 8, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 47 block design & features

Gallery47 is a hero-plus-strip gallery built with Shadcn UI. A mono eyebrow and heading sit above a description that updates with the active thumbnail. The main stage is a large bordered wide image; beneath it, five smaller wide thumbs select the featured shot, and the active title centers under the strip.

Active thumbs gain a stronger border and ring while inactive ones dim slightly. The hero and strip share rounded frames so the composition feels like one control, not a separate carousel and grid. Description copy in the header keeps context above the media instead of overlaying it.

This is a moderate-complexity, interaction-driven gallery. Content needs five titled images with short descriptions. The thumbnail strip is the distinctive interaction versus a previous-and-next-only carousel.