Gallery 96 - Stories Viewer Gallery

Pro

A social stories viewer with gradient-ringed collection bubbles and a tall story frame with segmented progress bars, tap zones to skip, hold to pause, and captions.

Shadcn Gallery 96 block

Component data

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

Gallery 96 block design & features

Gallery96 brings the stories format to a website. This Shadcn UI block shows a heading, short description, and a row of round collection bubbles on the left, with a tall 9:16 story frame on the right between previous and next buttons.

Inside the frame, segmented bars at the top fill as each story plays, and a collection label and pause button sit underneath them. Tapping the left third goes back, tapping the right side skips ahead, and holding anywhere pauses the bar. Each collection plays through in order and then moves to the next. Bubbles show a colored ring for the current and unwatched collections and a plain ring once watched.

It is familiar and mobile-native, a strong fit for brands publishing short updates, drops, or behind-the-scenes content. It needs a cover and a set of portrait images with captions per collection.