Lightbox Grid

A grid of images that open in a lightbox for detailed viewing. Use when showing a collection of images that need to be viewed up close.

bykokonut-labs from Kokonutui

Installation

terminal

pnpm dlx layro-cli add @kokonut-labs/lightbox-grid

npx layro-cli add @kokonut-labs/lightbox-grid

npx layro-cli add @kokonut-labs/lightbox-grid

bunx layro-cli add @kokonut-labs/lightbox-grid

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client";

/**
 * @author: @dorianbaffier
 * @description: Lightbox Grid
 * @version: 1.0.0
 * @date: 2026-10-15
 * @license: MIT
 * @website: https://kokonutui.com
 * @github: https://github.com/kokonut-labs/kokonutui
 */

import {
  animate,

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 8, 2026
First release.

Similar components

View all

Interactive Image Selector

Orbital Image Wheel

Photo Stack

Lens

Interactive Grid Pattern

Flickering Grid

Grid Pattern1

Bento Grid1