Gallery

Installation#

# One-time setup (tokens + lib helpers)
npx koalaui-cli@latest init

# Add this component (its dependencies come along)
npx koalaui-cli@latest add gallery

Responsive#

The tab rail scrolls sideways as a single row (with a soft edge fade) rather than wrapping, and the fake-masonry wall reflows its columns as the frame narrows, dropping to a single stack on mobile. The marquee variant keeps its drift at any width and fades its frames into the band at both edges. The floating ring scales its ellipse with the stage and thins its inner frames on narrow widths so the centered lede always keeps its breathing room. The story variant lays its canvas and chapters side by side from lg up, vertically centred as one block, and stacks them into a single column below it, the canvas leading on top. The spotlight rail keeps its panels in a row at any width, the open one taking the lion's share while the slivers hold a minimum tappable width so the rail never crushes; the captions scale down on narrow frames. Each tile opens a full-screen lightbox; resize the preview to see the layouts adapt.

FAQ#