F. Media & Content

Gallery / Masonry Grid

Masonry grid with hover actions and a lightbox, album pages, upload & organize view.

4 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add media/gallery

01Masonry grid with hover & lightbox trigger

Uses: MasonryGrid · IconButton · Segment · Badge

components/blocks/media/gallery/01-masonry-grid.tsx

Uses: AvatarStack · Button · Badge · MasonryGrid

components/blocks/media/gallery/02-album-collection.tsx

Uses: DropZone · Progress · Checkbox · ContextMenu

components/blocks/media/gallery/03-upload-organize.tsx