A zero-dependency vanilla JavaScript image gallery & lightbox. Drop two files, get a beautiful gallery.

4 Layouts Glassmorphism Slideshow Compare Slider Share / Download Tag Filtering Batch Select Contextual Zoom Touch / Swipe Lazy Loading Deep Linking Theming Story Mode Picture-in-Picture EXIF Overlay Color Palette Blurhash Focus Point Backdrop Tint Drag & Drop FLIP Morph Virtual Scroll Web Share API Video / YouTube / Vimeo Plugin System Album Groups Favorites Info Panel Image Editor Annotation Print Context Menu Infinite Scroll Kenburns 0 Dependencies

1. Masonry Layout — Dark Theme (Auto-init)

Uses data-neiki-gallery for zero-JS initialization. Masonry layout with dark theme, fade transition.

2. Mosaic Layout — Tag Filtering

Mosaic layout with data-size tiles and automatic tag filtering from data-tags.

3. Filmstrip Layout — Horizontal Scroll

Horizontal scrollable filmstrip with scroll snap. Light theme with slide transition.

4. Comparison Slider

Before/after image comparison using NeikiGallery.compare(). Drag the handle to compare.

5. Manual JS Init + API Demo

Initialized via new NeikiGallery() with slideshow, batch select, and contextual zoom. Use buttons to control.

6. Story Mode + Picture-in-Picture

Gallery with story mode (Instagram-like vertical viewer) and PiP (minimize lightbox to corner). Click the phone/PiP icons in the toolbar.

Sunset coast Mountain stream Cloudy peaks Morning dew Ancient ruins Forest path

7. Drag & Drop Reorder

Drag items to reorder them. Uses native HTML5 drag & drop. Get order via gallery.getOrder().

8. Focus Point + Aspect Skeleton

Images with data-focus="x y" for smart cropping and data-width/data-height for skeleton aspect ratio.

9. Video, YouTube & Vimeo Embeds

Mix images with MP4 video files and YouTube/Vimeo embeds in a single gallery. Auto-detected from URL.

10. Favorites, Info Panel & Print

Heart icon to favorite (saved in localStorage), I for info sidebar, B to bookmark, P to print, ? for shortcuts help.

11. Image Editor & Annotation

Open lightbox and use the toolbar's edit (✎) button to rotate/flip, or annotate (✍) to draw on the image. Export as PNG.

12. Album Groups — Navigate Across Galleries

Two galleries below share data-group="vacation". Open either and use arrows to navigate seamlessly across both. Counter shows total group position.

13. Plugin System

Custom plugins can hook into init, open, change, close, destroy. Example: a watermark plugin registered below adds a corner badge.