⚡ No Dependency • 🎬 Multi Media • 🧩 Vanilla JS

Lightbox.js Demo Playground

A focused demo page to preview image, video, audio, iframe, custom template, and gallery mode using the same API from the package.

View GitHub

Interactive Controls

Choose a file type and open it immediately in the lightbox.

Tip: in image mode, try rotate/zoom/reset, then switch to another type to validate control state cleanup.

Use one of the commands below.

npm install @duccanhole/lightbox

yarn add @duccanhole/lightbox

pnpm install @duccanhole/lightbox

Then import css + class in your app:

import "@duccanhole/lightbox/style/index.css";
import Lightbox from "@duccanhole/lightbox";

const lightbox = new Lightbox();