# Gallery blocks for shadcn/ui

> 219 gallery blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/gallery
- 219 blocks, 58 free and 161 paid, from 21 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=gallery&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q gallery`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free gallery blocks

All 58 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Gallery 01 - Destination Gallery by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-01): Discover breathtaking locations and unforgettable experiences, from scenic hikes to coastal escapes—carefully curated to inspire your next journey and help you explore with confidence. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/gallery-01.json`
- [Gallery 02 by @designali](https://shadcn.exchange/r/designali/gallery-02): A simple gallery section. `npx shadcn@latest add https://shadcn.exchange/r/designali/gallery-02.json`
- [SaaS Landing 2 by @7ovr](https://shadcn.exchange/r/7ovr/saas-landing-2): Product-tour SaaS landing page template: hero section with announcement pill, browser-framed gallery, tabbed features, how it works stepper, integrations, comparison, stats, testimonial, pricing, and FAQ. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/saas-landing-2.json`
- [Gallery 7 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-7): Metric column beside compact image grid — tabular stats with registry visuals. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-7.json`
- [Gallery 01 by @designali](https://shadcn.exchange/r/designali/gallery-01): A simple gallery section. `npx shadcn@latest add https://shadcn.exchange/r/designali/gallery-01.json`
- [Grayscale Mosaic With Lightbox by @7ovr](https://shadcn.exchange/r/7ovr/gallery-4): Photo mosaic in a fixed four-by-two grid whose tiles shift from grayscale to color on hover and open a lightbox with caption and location. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/gallery-4.json`
- [Gallery 5 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-5): Asymmetric bento wall — hero tile with two supporting studies. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-5.json`
- [Gallery 11 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-11): Sera series — grayscale exhibition grid with hairline gutters and indexed caption bars. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-11.json`
- [Gallery 6 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-6): Framed offset masonry columns with variable tile heights, directional reveal, and hover focus. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-6.json`
- [Gallery 10 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-10): Pro decor-framed exhibition with centered metadata, labeled chips, and blur crossfade — pauses on hover. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-10.json`
- [Gallery 2 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-2): Framed spotlight with labeled thumb rail, metadata panel, and blur crossfade — pauses on hover. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-2.json`
- [Gallery 3 by @nusaiba](https://shadcn.exchange/r/nusaiba/gallery-3): Infinite image marquee with edge mask — rolling visual library strip. `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-3.json`
- [Product Screenshot Showcase by @7ovr](https://shadcn.exchange/r/7ovr/gallery-2): Product screenshot gallery section with a large browser-framed image, version badge and caption, plus a five-thumbnail strip that swaps the featured screen. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/gallery-2.json`
- [Image gallery 1 by @efferd](https://shadcn.exchange/r/efferd/image-gallery-1): Masonry-style responsive gallery using random images with dynamic aspect ratios. `npx shadcn@latest add https://shadcn.exchange/r/efferd/image-gallery-1.json`
- [Gallery component 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/gallery-component-01): Gallery section with centered header featuring underlined text highlight, flexible grid layout supporting both single images and 2x2 grid sections for versatile image arrangement. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/gallery-component-01.json`
- [Gallery Grid by @blockforge](https://shadcn.exchange/r/blockforge/gallery-grid): Captioned tile gallery — swap the pattern tiles for real shots. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/gallery-grid.json`
- [Gallery 2 by @uiable](https://shadcn.exchange/r/uiable/block-gallery-2): Gallery 2 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-gallery-2.json`
- [Image Gallery 01 by @hirael](https://shadcn.exchange/r/hirael/image-gallery-01): Studio-style masonry gallery with a Tabs category filter showing counts, photo tiles in varied aspect ratios that open in a lightbox with thumbnails, and an empty state for categories with no work yet. `npx shadcn@latest add https://shadcn.exchange/r/hirael/image-gallery-01.json`
- [Gallery 11 by @uiable](https://shadcn.exchange/r/uiable/block-gallery-11): Gallery 11 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-gallery-11.json`
- [Image Gallery 02 by @hirael](https://shadcn.exchange/r/hirael/image-gallery-02): Photo grid with a Grid and Rows layout switch, captions on hover or focus, and a lightbox with thumbnails that opens at the chosen photo and returns focus to it on close. `npx shadcn@latest add https://shadcn.exchange/r/hirael/image-gallery-02.json`
- [Gallery 4 by @uiable](https://shadcn.exchange/r/uiable/block-gallery-4): Gallery 4 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-gallery-4.json`
- [Gallery 10 by @uiable](https://shadcn.exchange/r/uiable/block-gallery-10): Gallery 10 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-gallery-10.json`
- [Gallery 3 by @uiable](https://shadcn.exchange/r/uiable/block-gallery-3): Gallery 3 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-gallery-3.json`
- [Gallery 1 by @uiable](https://shadcn.exchange/r/uiable/block-gallery-1): Gallery 1 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-gallery-1.json`
- [Filmstrip Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-filmstrip-gallery): A horizontal filmstrip of thumbnails with a larger preview above. Ideal for browsing a photo set or product angles while keeping every frame in view. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-filmstrip-gallery.json`
- [Gallery Grid with Lightbox by @uitripled](https://shadcn.exchange/r/uitripled/gallery-grid-block-shadcnui): Filterable image gallery with animated lightbox and navigation. `npx shadcn@latest add https://shadcn.exchange/r/uitripled/gallery-grid-block-shadcnui.json`
- [Gallery 1: filterable gallery with lightbox by @ballmac](https://shadcn.exchange/r/ballmac/gallery-1): A photo gallery: filter chips with counts, a gap-free masonry of tiles that fade in, and a lightbox with caption, counter, thumbnail strip, arrow-key and swipe navigation, and a link to the original. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/gallery-1.json`
- [Gyro Gallery by @tween-ui](https://shadcn.exchange/r/tween-ui/gyro-gallery): Gallery tiles riding three concentric, counter-rotating orbits on one tilted plane, like the rings of a gyroscope. The rig turns to face the pointer and calms as it nears; pointing near a piece brings it forward on a lime spoke from the co… `npx shadcn@latest add https://shadcn.exchange/r/tween-ui/gyro-gallery.json`
- [Slice Gallery: Project Covers by @keyframeui](https://shadcn.exchange/r/keyframeui/slice-gallery-demo): An architecture studio's selected work. Move across the row: a slice opens once the pointer settles, so a quick sweep doesn't make the row ripple. Each project's strip warms to its own color, and the details carry a link. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/slice-gallery-demo.json`
- [Gallery Grid with Lightbox by @uitripled](https://shadcn.exchange/r/uitripled/gallery-grid-block-baseui): Filterable image gallery with animated lightbox and navigation (Base UI). `npx shadcn@latest add https://shadcn.exchange/r/uitripled/gallery-grid-block-baseui.json`
- [Zoom Lightbox: Gallery by @keyframeui](https://shadcn.exchange/r/keyframeui/zoom-lightbox-demo): A photo grid. Tap a photo, swipe or use the arrow keys to page, then drag it down and it lands back in its tile. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/zoom-lightbox-demo.json`
- [Zoom Lightbox: Product Images by @keyframeui](https://shadcn.exchange/r/keyframeui/zoom-lightbox-products-demo): A storefront grid with portrait tiles and rounder corners. Captions carry the name, colorway and price. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/zoom-lightbox-products-demo.json`
- [Slice Gallery: Hero by @keyframeui](https://shadcn.exchange/r/keyframeui/slice-gallery-hero-demo): A travel hero that plays on its own: the open slice's strip fills like a story timer, then the next place opens. Hovering pauses it. The counter above follows along through `index` and `onIndexChange`. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/slice-gallery-hero-demo.json`
- [Slice Gallery: Team Portraits by @keyframeui](https://shadcn.exchange/r/keyframeui/slice-gallery-team-demo): Six portraits in black and white, with the open one in color through `imageClassName`. The role takes the person's accent. On a phone the portraits stack; on a touch screen side by side, drag a finger across them to flip through faces. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/slice-gallery-team-demo.json`
- [Zoom Lightbox: Case Study by @keyframeui](https://shadcn.exchange/r/keyframeui/zoom-lightbox-case-study-demo): Shots spread through an article, in different grids. The viewer pages through them in reading order and scrolls each one into view so it has a tile to land in. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/zoom-lightbox-case-study-demo.json`
- [Playhead Reel: Default by @keyframeui](https://shadcn.exchange/r/keyframeui/playhead-reel-demo): A studio's archive: six projects, forty images. Scroll and the playhead walks the reel while each project opens into a collage under it, and the title rolls to the next as you cross into it. Scroll fast and the collage folds flat to let yo… `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/playhead-reel-demo.json`
- [Playhead Reel: Travel Journal by @keyframeui](https://shadcn.exchange/r/keyframeui/playhead-reel-journal-demo): A year of trips, one group each, in portrait and landscape. Each photo has its own caption, and the trip's dates and a day count sit above. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/playhead-reel-journal-demo.json`
- [Playhead Reel: Changelog by @keyframeui](https://shadcn.exchange/r/keyframeui/playhead-reel-changelog-demo): Six releases as live UI mockups rather than screenshots, so they stay sharp and follow your theme. The header shows the version and date, and a caption for the screen under the playhead. Tab to the playhead and use the arrow keys: Shift ju… `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/playhead-reel-changelog-demo.json`
- [Masonry Gallery by @geturui](https://shadcn.exchange/r/geturui/masonry-gallery): Masonry wall of tiles with mixed aspect ratios that keeps source order left to right, with category chips that filter the wall and tiles that glide into their new places. `npx shadcn@latest add https://shadcn.exchange/r/geturui/masonry-gallery.json`
- [Gallery Upload by @uploadcn](https://shadcn.exchange/r/uploadcn/gallery-upload): A photo gallery uploader that resizes images to WebP before upload. `npx shadcn@latest add https://shadcn.exchange/r/uploadcn/gallery-upload.json`
- [Gallery 6 - Gallery carousel that loops back to the start by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery6): Horizontal image carousel with a heading, call-to-action link, and arrow controls that rewind to the first card after the last. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/gallery6.json`
- [Portfolio Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-portfolio-gallery): A portfolio layout that pairs project images with titles and short notes. Use it to present work, case studies, or a creative showcase to clients. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-portfolio-gallery.json`
- [Gallery Section v4 by @uiception](https://shadcn.exchange/r/uiception/gallery-section-v4): A responsive CSS-grid masonry gallery with varied tile heights and a quick blur-in reveal as each tile scrolls into view, no title or copy — just the grid. `npx shadcn@latest add https://shadcn.exchange/r/uiception/gallery-section-v4.json`
- [Gallery 97 - Gallery carousel with infinite loop by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery97): Horizontal image carousel with a heading, call-to-action link, and arrow controls that loop endlessly, with the first card following the last. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/gallery97.json`
- [Grid Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-grid-gallery): A responsive grid of evenly sized image tiles. Use it to display many photos, products, or case studies at once with a clean, scannable layout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-grid-gallery.json`
- [Gallery Section v5 by @uiception](https://shadcn.exchange/r/uiception/gallery-section-v5): An arc carousel gallery: square photo cards ride a slow, endlessly rotating ring over a dashed orbit line, framing a short centered title and description. Pauses on card hover. `npx shadcn@latest add https://shadcn.exchange/r/uiception/gallery-section-v5.json`
- [Product Gallery 1 - Product image carousel and grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/product-gallery1): A product image gallery that swipes as a carousel on small screens and becomes a three-column grid with a full-width lead image on larger screens. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/product-gallery1.json`
- [Fullscreen Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-fullscreen-gallery): A fullscreen gallery that fills the viewport with one image at a time. Good for immersive photo stories, lookbooks, or a striking visual showcase. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-fullscreen-gallery.json`
- [Gallery Section v2 by @uiception](https://shadcn.exchange/r/uiception/gallery-section-v2): A 3×3 image grid with grayscale-to-color hover transitions, uniform aspect ratios, and mono font captions below each card. `npx shadcn@latest add https://shadcn.exchange/r/uiception/gallery-section-v2.json`
- [Gallery 4 - Case study carousel with dot indicators by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery4): Full-bleed carousel of image cards with dark gradient overlays, dot pagination, and arrow navigation with scroll-state tracking. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/gallery4.json`
- [Gallery Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-gallery-overview): A product page led by a multi image gallery with thumbnails beside the details. Lets shoppers study every angle before they add the item to cart. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-overview-gallery-overview.json`
- [Gallery Section v1 by @uiception](https://shadcn.exchange/r/uiception/gallery-section-v1): Ten side-by-side gallery panels with hover expansion, focus framing, and vertical indicator lines within a dedicated canvas area. `npx shadcn@latest add https://shadcn.exchange/r/uiception/gallery-section-v1.json`
- [Carousel Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-carousel-gallery): A swipeable carousel that steps through images one at a time. Use it to feature product shots or photos in a compact space on any landing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-carousel-gallery.json`
- [Gallery Section v3 by @uiception](https://shadcn.exchange/r/uiception/gallery-section-v3): A centered painting-gallery intro with a five-tile asymmetric bento grid and hover overlays for title, notes, and price. `npx shadcn@latest add https://shadcn.exchange/r/uiception/gallery-section-v3.json`
- [Gallery List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-gallery-list): An image first list showing products as large photo cards with name and price. Suits visual categories like fashion, home decor, and art prints. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-product-list-gallery-list.json`
- [Gallery Section v6 by @uiception](https://shadcn.exchange/r/uiception/gallery-section-v6): Framed photos fade in as a stacked deck, then expand into an overlapping row with a larger center card that carries the title, caption, and pill button. Drag, click a neighbor, or use the dots. Photos blur slightly while the row is moving. `npx shadcn@latest add https://shadcn.exchange/r/uiception/gallery-section-v6.json`
- [Polaroid Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-polaroid-gallery): A scattered set of polaroid style cards with captions and slight tilts. Great for adding a casual, personal feel to an about page or event recap. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-polaroid-gallery.json`
- [Immersive Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-immersive-gallery): An edge to edge gallery with large visuals and smooth motion. Use it to surround visitors in your photos or brand imagery on a campaign page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-immersive-gallery.json`

## Paid gallery blocks

The first 60 of 161, best first. Their registries sell these: each installs from its registry once bought.

- [Gallery 02 - Featured Gallery by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-02): Browse expert-led masterclasses gallery designed to elevate your skills, gain practical insights, and learn from industry leaders through immersive sessions tailored for modern professionals.
- [Gallery Section 10 by @initium](https://shadcn.exchange/r/initium/gallery-section-10): Image gallery section 10 with carousel, media, centered content, background contrast section, video aspect media.
- [Gallery 03 - Property Showcase by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-03): Showcase premium real estate listings with visually rich property cards, helping users explore villas, apartments, and modern spaces while making discovery faster, engaging, and decision-friendly.
- [Gallery Section 2 by @initium](https://shadcn.exchange/r/initium/gallery-section-2): Image gallery section 2 with media, two-column layout, centered content, background contrast section.
- [Gallery 07 - Status Stories by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-07): A status/stories block inspired by WhatsApp and Instagram, playing directly on the page. Segmented auto-advancing progress bars, tap zones to navigate, and hold-to-pause, cycling through each person automatically.
- [Gallery Section 3 by @initium](https://shadcn.exchange/r/initium/gallery-section-3): Image gallery section 3 with media, three-column grid, centered content, background contrast section.
- [Gallery 06 - Interactive Swing Line Gallery by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-06): Pin your photos to a sagging washing line that drifts on its own, swings like real fabric in the breeze, and ripples as the cursor moves across it. Drag the line to spin it faster or reverse it.
- [Gallery Section 8 by @initium](https://shadcn.exchange/r/initium/gallery-section-8): Image gallery section 8 with carousel, media, centered content, background contrast section, rounded visuals.
- [Gallery 05 - Architecture Showcase by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-05): Showcase premium real estate listings with visually rich property cards, helping users explore villas, apartments, and modern spaces while making discovery faster, engaging, and decision-friendly.
- [Gallery Section 7 by @initium](https://shadcn.exchange/r/initium/gallery-section-7): Image gallery section 7 with carousel, media, centered content, background contrast section, video aspect media.
- [Gallery 04 - Creator Gallery by @shadcn-space](https://shadcn.exchange/r/shadcn-space/gallery-04): Featuring a vibrant mix of individuals, this collection highlights creativity, authenticity, and the human stories behind modern products, ideas, and experiences.
- [Gallery Section 5 by @initium](https://shadcn.exchange/r/initium/gallery-section-5): Image gallery section 5 with media, two-column layout, three-column grid, bento-style grid, centered content.
- [Gallery Section 12 by @initium](https://shadcn.exchange/r/initium/gallery-section-12): Image gallery section 12 with media, centered content, background contrast section, video aspect media.
- [Gallery Section 11 by @initium](https://shadcn.exchange/r/initium/gallery-section-11): Image gallery section 11 with carousel, media, two-column layout, centered content, background contrast section.
- [Gallery Section 4 by @initium](https://shadcn.exchange/r/initium/gallery-section-4): Image gallery section 4 with media, two-column layout, centered content, background contrast section.
- [Gallery Section 9 by @initium](https://shadcn.exchange/r/initium/gallery-section-9): Image gallery section 9 with carousel, media, centered content, background contrast section, rounded visuals.
- [Gallery Section 1 by @initium](https://shadcn.exchange/r/initium/gallery-section-1): Image gallery section 1 with media, centered content, background contrast section, video aspect media.
- [Gallery Section 6 by @initium](https://shadcn.exchange/r/initium/gallery-section-6): Image gallery section 6 with media, two-column layout, three-column grid, centered content, background contrast section.
- [Gallery Masonry by @blockforge](https://shadcn.exchange/r/blockforge/gallery-masonry): Uneven columns, numbered captions — swap tiles for shots.
- [Cta centered masonry gallery by @aceternity](https://shadcn.exchange/r/aceternity/cta-centered-masonry-gallery): CTA Centered Masonry Gallery.
- [Gallery Showcase by @blockforge](https://shadcn.exchange/r/blockforge/gallery-showcase): Product surfaces as CSS-drawn browser frames — no images needed.
- [Salon Hang Wall by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery15): Label-free salon wall where works of four different spans pack tightly into a matted panel, opening a passe-partout viewer whose full-height side margins are themselves the previous and next controls.
- [Gallery 102 - Tuck Under Finish Deck by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery102): A deck of material close-ups that peeks out to one side, where the next button tucks the front card behind the rest while a caption, swatch row, and counter update.
- [Dark Room Fade Viewer by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery19): Inverted low-light room where staggered frames hang on a dark panel, opening a viewer with no chrome at all: the work fades up like a lamp on a dimmer, the caption follows it, and a dot rail walks the hang.
- [Gallery 58 - Sticky Caption Photo Stack by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery58): A two-column gallery where a sticky caption panel updates its title, location, and description as each tall photo in the scrolling column reaches the middle of the screen.
- [Masonry Caption Gallery by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery1): Masonry gallery built with CSS columns so images keep their own heights, each captioned with its subject and place, and any frame opening a drawer that slides in from the right while the wall stays visible behind the scrim.
- [Gallery 40 - Three column image grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery40): Nine wide images in a responsive three-column grid with a mono eyebrow, heading, and short supporting description above.
- [Full Bleed Strip With Sheet Viewer by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery11): Edge-to-edge strip of tall frames opening a viewer where the picture fills the screen and the caption, note and thumbnails sit in a sheet that slides off the bottom when you want the frame uncovered.
- [Gallery 91 - Compare Lens Viewer by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery91): A before and after viewer where a circular lens follows the cursor to reveal the graded photo over the raw scan, with adjustable lens size and tabs to switch images.
- [Lightbox Frame Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery2): Captioned image grid where any tile opens a full-screen lightbox on a dark scrim, with a frame counter, keyboard arrows, escape to close and previous and next controls beside the caption.
- [Gallery 46 - Filterable category gallery by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery46): A category pill filter above a three-column image grid that shows titled items with small category badges.
- [Filterable Album Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery3): Album gallery with pill filters that swap the whole set below, where any tile opens a light full-screen viewer: the frame hangs on the page surface while a side column carries the caption, the album summary, the controls and a plainly labe…
- [Gallery 12 - Hover Reveal Card Carousel by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery12): A looping carousel of tall portrait cards where hovering a card zooms its photo and slides a short note up beneath the title, with round arrow buttons centered underneath.
- [Walkthrough Exhibition Rail by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery14): Long-scroll exhibition where every work sits in its own matted panel with a full label, beside a sticky rail whose numbered index follows the work in the middle of the screen and scrolls to any other on click.
- [Gallery 93 - Tilted Speed Marquee by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery93): Three tilted rows of photos scrolling endlessly in alternating directions that pause on hover and speed up while the page is being scrolled.
- [River Strip by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery27): A horizontal, snap-scrolling strip of photographs that starts in line with the heading and runs off the right edge, each frame carrying a serif subject and a small-caps place and month; steered by round arrow buttons, and any frame opens a…
- [Gallery 54 - Filterable masonry photo columns by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery54): Category filter pills above a CSS-columns masonry of mixed-height photographs with a crossfade when the filter changes.
- [Overview Toggle Viewer by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery10): Square grid whose viewer holds two states: a single frame with caption and controls, or an in-place overview of the whole set that you can jump from without closing the layer.
- [Gallery 61 - Unfolding Panorama Viewer by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery61): A wide panorama viewer where each newly selected image unfolds across the frame in folded strips that straighten in sequence, with a caption overlay, arrows, and a thumbnail strip.
- [Catalogue Index Plates by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery13): Printed-catalogue layout pairing a numbered index of works with a sticky matted plate and its note, where an expand seal opens the plate alone on a dark ground with only its number and the arrows.
- [Gallery 35 - Autoplay gallery with pagination by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery35): A heading above a horizontally scrolling gallery of large image cards with captions, pagination dots, and play, pause, and restart controls.
- [Filmstrip Stage Viewer by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery5): Cinematic stage frame with the caption and frame counter set on a gradient at its foot, round arrow controls on the picture itself, and a scrolling filmstrip below where the inactive thumbnails sit back at low opacity.
- [Gallery 62 - Flip Wave Image Grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery62): A grid of square tiles that flip in 3D between two image sets in a ripple that spreads from the clicked tile, controlled by a sliding two-option toggle.
- [Exhibition Wall Hang by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery12): Works of different sizes hung on one centre line inside a matted wall panel, each with its own label, opening a viewer that shows the piece in a mount beside a museum wall label of medium, dimensions and year.
- [Gallery 67 - Opposing Column Gallery by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery67): A sticky heading beside two photo columns, one of architecture and one of landscapes, that drift in opposite directions as the page scrolls, with captions under each photo.
- [Edition Inspector by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery18): Matted edition cards opening a viewer that keeps the whole sheet and its detail crops in one place: pill controls swap what the large frame shows while the side column holds process, sheet size and edition.
- [Gallery 28 - Centered image carousel with overlay controls by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery28): Looping photo carousel beneath a centered heading, with semi-transparent navigation buttons overlaid on the images.
- [Acquisition Year Ledger by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery17): Collection intake listed year by year with a summary beside each set of works, opening a viewer that scrolls rather than steps: every acquisition is a snap section and the header counter follows whichever fills the screen.
- [Gallery 8 - Vertical Column Marquee by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery8): A two-column section with a heading, description, and button beside three columns of architecture photos that scroll endlessly up and down in alternating directions and pause on hover.
- [Paired Hang Compare by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery20): Works hung two to a bay on staggered ruled cards, opening a viewer that can hold a second work beside the first: the frame splits, both pictures keep their own caption and the pair can be walked together.
- [Gallery 107 - Autoplay Parallax Showcase by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery107): A centred, looping showcase carousel that advances on its own, with large photos that shift inside their frames as they move, overlaid captions, dimmed neighbouring slides, and dot navigation.
- [Archive Record Cards by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery22): Text-first archive index of reference, thumbnail, title and year, opening a record card with two sides: the work on the front and the registrar's acquisition, condition and storage notes on the back.
- [Gallery 89 - Curved Drag Gallery by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery89): An endless row of portrait photos laid along a curve that drifts on its own, can be dragged or flicked with momentum, and bends more sharply the faster it moves.
- [Cover Archive With Lightbox by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery26): A square cover grid that names each picture only on hover and opens it full screen on click, where arrows and the keyboard walk the archive and a link leads into the issue itself.
- [Gallery 26 - Blur vignette image grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery26): Five-column image grid with soft blur vignette overlays that clear on hover, animated into view on scroll.
- [Loupe Surface Studies by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery21): Square studies of material and surface, opening a viewer that hands you a loupe: a round window you drag across the work, redrawing whatever sits under it from the same file at a configurable magnification.
- [Gallery 82 - Slice Transition Slideshow by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery82): A two-column slideshow where each new photo arrives as vertical strips sliding in from alternating directions, beside an animated title and a numbered list with a progress line.
- [Plan Chest Sheet Stack by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery24): Works on paper listed as ruled plan-chest drawers with their contents and a peek of the sheets, opening a stack where the top sheet lifts clear of the pile before dropping to the back and the next one rises into its place.
- [Gallery 29 - Interactive gallery with colour viewfinder by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/gallery29): Draggable greyscale photo strip that turns full colour inside a centred viewfinder, with click, swipe, keyboard and button controls and a live caption.
- [Plate Grid Lightbox by @beste-ui](https://shadcn.exchange/r/beste-ui/gallery29): An even three-column grid of photographic plates that open into an ink lightbox: every frame keeps the same ratio so the captions line up, arrows and keys turn the page, either half of the plate is clickable, and a plate that belongs to a…

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=gallery&price=paid`.

## Registries with the most gallery blocks

- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 116 blocks, 4 free and 112 paid
- [@beste-ui](https://shadcn.exchange/r/beste-ui): 28 blocks, all paid
- [@initium](https://shadcn.exchange/r/initium): 12 blocks, all paid
- [@keyframeui](https://shadcn.exchange/r/keyframeui): 9 blocks, all free
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 9 blocks, all free
- [@nusaiba](https://shadcn.exchange/r/nusaiba): 7 blocks, all free
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 7 blocks, 1 free and 6 paid
- [@uiable](https://shadcn.exchange/r/uiable): 6 blocks, all free
- [@uiception](https://shadcn.exchange/r/uiception): 6 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 3 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 3 blocks, 1 free and 2 paid
- [@designali](https://shadcn.exchange/r/designali): 2 blocks, all free
- [@hirael](https://shadcn.exchange/r/hirael): 2 blocks, all free
- [@uitripled](https://shadcn.exchange/r/uitripled): 2 blocks, all free
- [@aceternity](https://shadcn.exchange/r/aceternity): 1 block, paid
- [@ballmac](https://shadcn.exchange/r/ballmac): 1 block, free
- [@efferd](https://shadcn.exchange/r/efferd): 1 block, free
- [@geturui](https://shadcn.exchange/r/geturui): 1 block, free
- [@shadcn-studio](https://shadcn.exchange/r/shadcn-studio): 1 block, free
- [@tween-ui](https://shadcn.exchange/r/tween-ui): 1 block, free