Skip to main content
Version: 2.8.0

Use cases

What people use galleries for, each with the block behind it. Run Create use-case notes (or Create showcase notes) to get all of them as notes in GalleryDemo/Use cases/, with real photos to try them on. The photos are an optional download of about 10 MB; see Network use.

Every local example uses a path relative to the note (./_photos/…), so the gallery keeps working when the note and its folder move together.

Travel journal​

A justified travel gallery opening a photo in the viewer

A trip write-up with the photos in tidy rows of equal height, each one uncropped. Captions show on hover, so the rows stay clean.

```obs-gallery
sources:
- type: local
path: ./_photos/iceland
view:
type: justified
rowHeight: 240
captions: false
```

Click a photo to open the full-screen viewer.

The full-screen viewer with the details panel open

One folder, six layouts​

The same photos in six layouts

The same folder as masonry, justified, mosaic, thumbnail, carousel (height: 480) and embed (with limit: 3 on the source). Only view: type changes.

Changing view type from masonry to justified, then to carousel; the gallery redraws each time

To switch layouts, change one word:

```obs-gallery
sources:
- type: local
path: ./_photos/iceland
view:
type: masonry # or justified, mosaic, thumbnail, carousel, embed
```

Mood board​

A frameless masonry mood board in a note

A borderless masonry board that sits straight in the note.

```obs-gallery
sources:
- type: local
path: ./_photos/cabin
view:
type: masonry
columnWidth: 220
gap: 8
frame: false
```

Recipe​

Full-width photos under the method, with captions. Sorting by name keeps step photos in order when they are numbered (1 – …, 2 – …).

```obs-gallery
sources:
- type: local
path: ./_photos/recipe
sort:
by: name
order: asc
view:
type: embed
captions: true
```

Reference library​

A paged thumbnail grid of design references, page 1 of 2

A paged grid for a folder that keeps growing. Only the current page loads.

```obs-gallery
sources:
- type: local
path: ./_photos/design
view:
type: thumbnail
pagination: true
itemsPerPage: 6
```

A carousel of trip highlights on slide 4 of 8

The first eight photos of a folder, one at a time on a fixed-height stage.

```obs-gallery
sources:
- type: local
path: ./_photos/iceland
limit: 8
view:
type: carousel
height: 520
```

Family album from Immich​

An Immich album shown in a note

Photos straight from an Immich server, without copying them into the vault: here, the trip's photos picked out by tag and date. This one uses the demo server.

On a phone, justified rows rewrap to the screen width:

The same Immich album on a phone
```obs-gallery
sources:
- type: immich
connection: immich-demo
filters:
tags:
- Iceland
takenAfter: "2026-08-24"
view:
type: justified
```

Network use​

The use-case notes' photos are downloaded from docs.mkshp.dev, the host of these docs, only if you leave Download sample photos on in the dialog that Create showcase notes and Create use-case notes show first. They are saved in GalleryDemo/Use cases/_photos/ and load from your vault after that. If the download fails, the notes are still created, and Start here explains how to try again.

Photo credits​

All 39 sample photos are from Unsplash, free to use under the Unsplash License. Thanks to the photographers below. The same list is in CREDITS.md next to the photos.

Iceland (20)
PhotoPhotographerSourceLicense
Aurora over Kirkjufell.jpgLandon ArnoldUnsplashUnsplash License
Behind Seljalandsfoss.jpgjossemioUnsplashUnsplash License
Black sand at Reynisfjara.jpgWith PaulUnsplashUnsplash License
Canyon of Fjaðrárgljúfur.jpgThomas FatinUnsplashUnsplash License
Church above Vík.jpgJon FlobrantUnsplashUnsplash License
Diamond Beach ice.jpgAndy MaiUnsplashUnsplash License
Drifting icebergs at Jökulsárlón.jpgJeremy BishopUnsplashUnsplash License
Face to face with an Icelandic horse.jpgkyler trautnerUnsplashUnsplash License
Glacier view at Jökulsárlón.jpgDenys NevozhaiUnsplashUnsplash License
Hallgrímskirkja against a blue sky.jpgToby ElliottUnsplashUnsplash License
Icebergs in a glacier lagoon.jpgGian-Reto TarnutzerUnsplashUnsplash License
Northern lights at Kirkjufell.jpgJoshua EarleUnsplashUnsplash License
Puffin on a rock.jpgRay HennessyUnsplashUnsplash License
Road through the lava fields.jpgTom PodmoreUnsplashUnsplash License
Skógafoss from above.jpgAdrian FiodorUnsplashUnsplash License
Skógafoss up close.jpgKarsten WinegeartUnsplashUnsplash License
Svartifoss and its basalt columns.jpgBailey GalindoUnsplashUnsplash License
Svínafellsjökull glacier panorama.jpgJoseph CorlUnsplashUnsplash License
The Blue Lagoon.jpgF DUnsplashUnsplash License
Vestrahorn above the Stokksnes dunes.jpgWanderlust in FrameUnsplashUnsplash License
Cabin (10)
PhotoPhotographerSourceLicense
Bedroom window over rolling hills.jpgCaroline BadranUnsplashUnsplash License
Cabin kitchen in dark wood.jpgHansUnsplashUnsplash License
Ceramic lamp with dried branches.jpgCaroline BadranUnsplashUnsplash License
Hanging fireplace and string lights.jpgHansUnsplashUnsplash License
Living room facing the green hills.jpgCaroline BadranUnsplashUnsplash License
Pendant lamps over the dining nook.jpgCaroline BadranUnsplashUnsplash License
Pillows under a slanted window.jpgCaroline BadranUnsplashUnsplash License
Plaid blanket on the cabin bed.jpgHansUnsplashUnsplash License
Sofa and knitted throw under a wooden ceiling.jpgCaroline BadranUnsplashUnsplash License
Wooden loft with a trailing plant.jpgCaroline BadranUnsplashUnsplash License
Recipe (1)
PhotoPhotographerSourceLicense
Shakshuka served for brunch.jpgSara DublerUnsplashUnsplash License
Design (8)
PhotoPhotographerSourceLicense
Barbican Estate courtyard.jpgDaniel MooreUnsplashUnsplash License
Chalkboard quote on a yellow wall.jpgFar ChinberdievUnsplashUnsplash License
Corner of Boston City Hall.jpgMark McLaughlinUnsplashUnsplash License
Curved white walls by a pool.jpgLeo ManjarrezUnsplashUnsplash License
National Theatre against a pale sky.jpgSimone HutschUnsplashUnsplash License
Painted wooden prayer plaque.jpgCRUnsplashUnsplash License
White stairs in a plaster stairwell.jpgAlesia KazantcevaUnsplashUnsplash License
WHO ARE YOU in painted letters.jpgNew York SaidUnsplashUnsplash License