Skip to content

Lightbox Preview clip

A short UI-only capture tour for the Lightbox intro clip, showing the finished gallery behavior before the full tour walks through the real component setup.

Start on the thumbnail before opening

Hold on the real gallery thumbnail first so the clip clearly starts from the gallery state before anything is clicked.

The gallery item opens the shared lightbox from the same thumbnail the user just saw in the grid, so the preview makes the handoff between inline browsing and the overlay obvious.

The close button dismisses the overlay and sends the user back to the inline gallery, which is the key part of the lightbox handoff this preview needs to show.

After the close click finishes, hold on the gallery item again so the clip clearly lands back on the original thumbnail view.

Continue to the full Lightbox tour