Svelte LightSlide

A draggable, accessible image lightbox & gallery for Svelte 5 — a modern rebuild of the Highslide lightbox I loved. Click an image, then drag it around, use the arrow keys, toggle full size, or run the slideshow.

1 · Gallery

Same group → one gallery with thumbnails, slideshow and navigation.

2 · Single image light theme

One image, its own group — no thumbnails, no navigation. This one uses { theme: 'light' } for light chrome.

3 · Independent images

Each image gets a unique group → they open independently, not as one gallery. Common in tables and lists.

5 · Multiple open (Highslide-style)

{ multiple: true } → non-modal. Open several images at once, drag them anywhere, each with its own slideshow. No dim layer. Click a popup to bring it to the front.

4 · Programmatic

Register images and open the lightbox from code via the manager API.

svelte-lightslide · Built with Svelte 5. Inspired by Highslide JS (Torstein Hønsi, ~2007).