10 Best Photo Galleries In Pure JavaScript & CSS (2024 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 implemented 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 Jan 23 2024

1. Image Gallery For Mobile Devices – PhotoSwipe

A Vanilla JavaScript Image Gallery designed for both Mobile and Touch Devices. It provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

Image Gallery For Mobile Devices - PhotoSwipe

[Demo] [Download]


2. Minimalist Masonry Gallery Layout With CSS Grid – mm-masonry.css

A CSS library that makes use of CSS Grid to create flexible, fluid, Masonry-style image grids similar to Pinterest and Tumblr layouts.

masonry-gallery-layout

[Demo] [Download]


3. Gallery Slider With Image Zoom – positive-zoom

A JavaScript library for creating a photo gallery where you can zoom in on the current image by hovering over it.

gallery-slider-image-zoom

[Demo] [Download]


4. 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.

grid-gallery

Demo Download


5. 3D Rotator Gallery In Pure CSS

A creative, automatic, CSS only photo gallery that rotates through images in a 3D space.

3D Rotator Gallery In Pure CSS

Demo Download


6. CSS Only Filterable Gallery With Tabs

A CSS-only gallery that combines a filter with tabs.

CSS Only Filterable Gallery With Tabs

Demo Download


7. 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.

zoomwall.js

Demo Download


8. Simple Tab Gallery with Pure CSS / CSS3

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.

Demo Download


9. Simple Fast Photo Gallery Using CSS Grid

A minimal responsive photo gallery built only using CSS grid layout.

Simple Fast Photo Gallery Using CSS Grid

Demo Download


10. Minimalist Touch-friendly Gallery In JavaScript

A minimalist, dynamic, responsive, touch-enabled photo gallery built using pure JavaScript and CSS grid layout.

Minimalist Touch-friendly Gallery In JavaScript

Demo Download


See also:

You Might Be Interested In: