Gallery 97 - Gallery carousel with infinite loop

Free

Horizontal image carousel with a heading, call-to-action link, and arrow controls that loop endlessly, with the first card following the last.

Shadcn Gallery 97 block

Component data

ID
gallery97
Access
free
Created
Oct 24, 2026
Updated
Oct 24, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Gallery 97 block design & features

The header area contains a semibold heading on the left with a "Book a demo" link featuring an ArrowUpRight icon, and outline-variant arrow buttons on the right. Below, a shadcn/ui Carousel renders slides that overflow beyond the container on wide viewports, giving the track a full-bleed feel while keeping the header text contained.

Each slide displays a 3:2 aspect image that scales up on hover, a title in medium-weight type, a two-line summary in muted foreground text, and a "Read more" link with an animated arrow. The cards have no visible background surface, relying on the image and text alone. On mobile the carousel enables drag-free scrolling. The carousel loops infinitely, so the first card slides in straight after the last and the arrows never disable.

The style is open and airy, with generous spacing between slides and no card borders or backgrounds enclosing the content. The result is a lightweight browsing layout that foregrounds imagery and keeps navigational chrome to a minimum.