Top 10 Galleries In Pure JavaScript & CSS 2017

A gallery lets you showcase your images, products, and any other web contents in a well-organized layout system. Here is a list of the 10 best pure JavaScript and/or CSS based gallery libraries, plugins and components we published on I hope you like it and don’t forget to spread the world.

10. Expanding Gallery With Vanilla JavaScript


Demo Download

A fancy responsive fullscreen expanding image gallery built using CSS3 flexbox and vanilla JavaScript.

9. Pure JavaScript Fullscreen Image Gallery With 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.

8. zoomwall.js


Demo Download

zoomwall.js is a JavaScript library for creating a neat, compact thumbnail grid which expands into a fullscreen gallery lightbox as you click on a thumbnail image.

7. Scattered Polaroid Gallery


Demo Download

A simple JavaScrpt and CSS/CSS3 based Polaroid Gallery that automatically moves the selected photo into the middle of the screen while shuffling the others. Also provides a navigation which allows you to navigate between photos with next / prev buttons.

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


Demo Download

FlexImages is a simple vanilla JavaScript library to create a responsive fluid thumbnail gallery that supports images, videos, iframes, plain text and more. Inspired by Flickr and Google Images.

4. Responsive Photo Gallery with Pure JavaScript

Responsive Photo Gallery with Pure JavaScript

Demo Download

A pure JavaScript gallery that helps you showcase your images with thumbnails and arrows navigation. Fully responsive and mobile touch friendly.

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

2. flexbin.css


Demo Download

flexbin.css is a lightweight, flexible CSS library which lets you create responsive, neat, justified grid layout for showcasing your photos as you seen on Google Image Search and Flickr. Heavily based on CSS3 flexbox and fully customizable via SCSS.

1. Gallerly.js


Demo Download

Gallerly.js is a pure JavaScript photo gallery that lets you create a thumbnail grid with an expanding large image preview as you seen on Google Image Search.

See also:

Top 10 JavaScript & CSS Gallery Lightbox Libraries