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 17 2025
1. CSS Only Filterable Gallery With Tabs
A CSS-only gallery that combines a filter with tabs.
2. Adaptive Image Gallery With Masonry Grid Layout
A lightweight photo gallery that showcases your images in a responsive Masonry grid layout.
3. 3D Rotator Gallery In Pure CSS
A creative, automatic, CSS only photo gallery that rotates through images in a 3D space.
4. Responsive Fullscreen Image Gallery – Bizon.js
A lightweight JavaScript gallery plugin that displays images in a responsive fullscreen popup. It fetches images from a JavaScript array and generates a thumbnail strip containing all thumbnails that users can click to view the full image.
5. 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.
6. Modern Filterable Gallery With Image Lightbox
A modern, responsive, filterable photo gallery with pretty nice hover & lightbox effects.
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.
8. Minimalist Touch-friendly Gallery In JavaScript
A minimalist, dynamic, responsive, touch-enabled photo gallery built using pure JavaScript and CSS grid layout.
9. Minimal Swipeable Gallery In Pure JavaScript – SwiperBox
A tiny JavaScript swiper library to create a touch-enabled, mobile-friendly gallery with support for swipe and drag events.
10. 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.
