The Image Gallery
for Modern Web

Used by developers worldwide, Vertex Gallery enables you to create professional image galleries with the power of vanilla JavaScript.

npm install vertex-gallery

Powerful Features

Everything you need to create stunning image galleries

Grid & Masonry Layouts

Flexible grid and Pinterest-style masonry layouts with responsive columns and automatic spacing.

Category Filtering

Filter images by categories with smooth animations and elegant transitions.

Modal Lightbox

Full-screen modal with zoom, pan, transform controls, autoplay, and more.

Fully Customizable

50+ CSS variables and extensive configuration options for complete theming.

Lightweight & Fast

Zero dependencies, lazy loading, and optimized performance for blazing fast load times.

Mobile Responsive

Touch gestures, swipe navigation, and responsive breakpoints for all devices.

Getting Started

Get up and running in minutes

Quick Start

1. Install via npm

npm install vertex-gallery

2. Import and use

import VertexGallery from 'vertex-gallery';
import 'vertex-gallery/dist/vertex-gallery.css';

const gallery = new VertexGallery(
  document.getElementById('my-gallery'),
  {
    data: [
      {
        thumb: 'thumb.jpg',
        large: 'large.jpg',
        title: 'Image Title',
        desc: 'Description',
        category: 'nature'
      }
    ]
  }
);