chilllightbox

Zero-dependency image gallery lightbox with zoom, pan, swipe, thumbnails and captions

Part of ChillAll: 88 zero-dependency UI components (accessible, dark-mode ready, SSR-safe to import). chilllightbox is the standalone build of one of them; the chillall package contains all of them and is tree-shakeable.

Install

npm install chilllightbox

Use

import ChillLightbox from 'chilllightbox';          // or: const ChillLightbox = require('chilllightbox');

// see the options and methods in the source header: src/chilllightbox.js

No bundler? Load the file and use the global:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chilllightbox.js"></script>
<script>console.log(ChillLightbox.version);</script>

Why ChillAll components

• Zero dependencies, nothing to import for styles (CSS is injected on first use)
• Accessible: ARIA roles, keyboard support, focus management, reduced-motion
• Dark mode via <html data-theme="dark"> (see chilltheme) or the OS setting
• Safe by default: text is rendered as text, HTML is an explicit opt-in
• Every instance has destroy()

License

MIT, see the repository.