Folio Lightbox

A masonry image grid with a built-in lightbox. Click any image to open it full screen, then step through the set.

Images keep their own proportions: tall, square and wide shots fall into the shortest column, like a printed contact sheet.

Images: image, title and caption for each one, edited in the panel. Up to 60 images.

Columns, gap, corner radius and hover zoom. The grid drops to two columns on tablets and one on phones.

Lightbox: arrow keys, Esc, swipe on touch, a counter, title and caption. Neighbouring images preload so stepping feels instant.

Accessible: real buttons, focus moves into the lightbox and back to the image you opened, page scroll is locked while it is open. Respects reduced motion.

Two font sizes, text colour, overlay colour and background.

Ships with nine demo photographs so it works the moment you drop it in. Zero dependencies, no network.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.