10 Best Galleries In Pure JavaScript & CSS (2021 Update)

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

grid-gallery

Demo Download

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

lightGallery

Demo Download

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

zoomwall.js

Demo Download

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

Demo Download

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

pure-javascript-fullscreen-image-gallery-thumbnail-navigation

Demo Download

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

Minimalist Touch-friendly Gallery In JavaScript

Demo Download

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

Pure CSS Photo Gallery with Image Lightbox Support

Demo Download

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

HesGallery

Demo Download

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

flow-gallery

Demo Download

A vanilla JavaScript gallery/layout library to create a responsive justified photo gallery using CSS flexbox.


10. Material Responsive Photo Gallery

Material Photo Gallery

Demo Download

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.


See also:

You Might Be Interested In: