A gallery lets you showcase your images, products, and any other web content in an elegant way.
Here is a list of the 10 Best Galleries implement in Vanilla JavaScript and/or pure HTML/CSS/CSS3.
I hope you like it and don’t forget to spread the world.
Originally Published Dec 13 2017, updated Feb 02 2021
1. grid-gallery
A lightweight, responsive photo grid gallery with lightbox integrated that allows the user to switch between images in a popup by clicking on any thumbnail.
2. lightGallery
A responsive, touch-enabled, dependency-free JavaScript lightbox gallery library that enables you to present various types of media (images, videos, etc) in a fullscreen, scalable, navigatable, shareable, downloadable and CSS3 animated gallery popup.
3. zoomwall.js
A JavaScript library for creating a neat, compact thumbnail grid which expands into a fullscreen gallery lightbox as you click on a thumbnail image.
4. Simple Tab Gallery
A CSS only gallery that enable the user to switch between images by clicking on the tabbed thumbnail navigation. Built using CSS3 flexbox model, transitions, transforms and html radio input tricks.
5. Pure JavaScript Fullscreen Image Gallery With Thumbnail Navigation
A responsive, fullscreen image gallery/viewer with a thumbnail navigation, build using pure JavaScript and CSS. Your users are able to switch between images by click on the next/prev links and/or thumbnail images.
6. Minimalist Touch-friendly Gallery In JavaScript
A minimalist, dynamic, responsive, touch-enabled photo gallery built using pure JavaScript and CSS grid layout.
7. Pure CSS Photo Gallery with Image Lightbox Support
A pure CSS/CSS3 based responsive photo gallery for your portfolio website that has the ability to view the large image version in a lightbox.
8. HesGallery
A lightweight, responsive, mobile-friendly JavaScript photo gallery & image lightbox plugin for lifestyle, portfolio, travel, fashion, art, photography and any other kind of amazing websites and blogs.
9. flow-gallery
A vanilla JavaScript gallery/layout library to create a responsive justified photo gallery using CSS flexbox.
10. Material Responsive Photo Gallery
Material Photo Gallery is a Vanilla JavaScript plugin that helps you generate a nice, responsive thumbnail grid as you seen on Google Image Search. Once you click on a thumbnail, the zoomed image will displayed in a fullscreen lightbox gallery with left / right arrows which enable you to navigate through all photos.