15 most awesome and fast loading image galleries

List of 15 most awesome and fast loading image galleries list. All have small code but still have good effects and small loading time.

Pure CSS based Animated Image Gallery with lightbox – Perfundo

Perfundo shows up your images in a gallery with lightbox functionality. It is a responsive and animated pure css based library. 

Visit Site    Demo

Compressed CSS: 2.2 KB

Browser Compatibility: Does not supported by IE 6,7,8. Partially supported by IE 9,10,11. Fully supported by Edge, Firefox and Chrome, while Opera mini and Android 4.3 does not support it


flikrGal - Responsive Pure JavaScript Gallery

It uses Flickr API to fetch your image collections from Flickr, to create a responsive gallery. FlikrGal is a pure JavaScript based gallery with a variety of different transitions effects. 

Visit Site    Demo

Compressed CSS: 6.5 KB

Compressed JS: 8.61 KB

Browser Compatibility: Supported by almost all modern browsers.

 


A very light weight responsive image gallery, only using css - CSSBox

 CSSBox is developed only using CSS / CSS3 and html and no javascript is used. If you need a very fast loading imagegallery, CSSBox would be a best option. It also supports lightbox, so you can see full images as popups. 

Visit Site 

Compressed CSS: 1 KB

Browser Compatibility: Supported by all browsers except IE 8 and Opera mini 8.


Awesome Flickr Gallery / Lightbox - Lightbox.js

It fetches the images from Flickr and displays them in a thumbnail grid manner. It also comes up with a lightbox, so you are able to see full version of an image by clicking it. You can navigate the images in the lightbox.

Visit Site 

Compressed CSS: 2.6 KB

Compressed JS: 3.09 KB

Browser Compatibility:  IE 8, 11 Edge 13, Firefox 45, 46, 47 and Opera mini 8 does not support. Except these,it works well on rest of browsers.


A lightweight Responsive Gallery / Lightbox built with Pure HTML / CSS

It is a lightweight responsive image galley lightbox for presenting your selected images. It is built using pure CSS and HTML. By clicking on an image, a lightbox will popup and will display the full image along with navigation.

Visit Site   Demo

Compressed CSS: 1.1 KB

Browser Compatibility: Does not work on IE<9 and Opera mini 8. All other browsers fully support it.


Material Gallery - A Responsive Photo Gallery

If you want to generate Google image search type nice and responsive thumbnail grids, then Material Gallery JavaScript plugin is for you. After clicking on a thumbnail, a full screen light box will display its full version with navigation options to navigate images right or left.

Visit Site    Demo

Compressed CSS: 4 KB

Compressed JS: 38 KB

Browser Compatibility:  Except IE 8 and Opera mini 8, all browsers support it.


Fullscreen Image Lightbox Slider – lightbox.js

This JavaScript library that has capability to show images in a navigable fullscreen lightbox gallery. It supports navigation arrows so that images could be navigated easily.

Visit Site    Demo

Compressed CSS: 12 KB

Compressed JS: 4.79 KB

Browser Compatibility:  It works well on all browsers, while it does not load perfectly on IE and Opera mini 8 


Pure CSS / CSS3 based Simple Tab Gallery

This gallery is built using CSS3 based transforms, transitions and html radio input tricks. Rather than simple arrow based navigation,it uses tabbed thumbnail navigation which makes it more attractive.

Visit Site     Demo

Compressed CSS: 15 KB

Browser Compatibility: Does not work on IE 8 while partially supported by IE 11 and Android browser 4.3


Best Responsive Gallery and Lightbox – WA MediaBox

WA MediaBox is a responsive gallery which displays html content including images, iframes, images, videos etc in a  fullscreen and navigatable, lightbox popup.

Visit Site     Demo

Compressed CSS: 6.5 KB

Compressed JS: 8 KB

Browser Compatibility:  It does not work on IE<11 and Opera mini 8


Gallerly.js - Thumbnail Grid image gallery with full image preview.

It is a pure JavaScript based photo gallery for creating a thumbnail grid with an expanding large image preview option like Google Image Search.

Visit Site 

Compressed CSS: 1 KB

Compressed JS: 5.1 KB

Browser Compatibility: Opera mini 8 and IE 8 does not support it.


CSS3 based 3D rotating image gallery.

This gallery rotates a selection of DIV elements in a 3D style, making full use of CSS3 properties like keyframes and transform.

Visit Site  

Compressed CSS: 449 Bytes

Browser Support: IE < 11, Opera mini and Android browser 4.3 does not support it, which IE 11 and Edge partially support it.

 


Javascript based awesome responsive photo gallery.

It is a javascript gallery that displays your provided images with thumbnails. It has mobile touch and arrows navigation support as well.

Visit Site  

Compressed CSS: 1.6 KB

Compressed JS: 1.23 KB

Browser Support:  IE 8, Opera mini and android 4.3 do not fully support it.

Flex Images - Javascript based grid thumbnail like google images.

It is a small size and fast Javascript library through which fully responsive images and videos grid could be created, like Google images and Flickr.

Visit Site    Demo

Compressed CSS: 209 Bytes

Compressed JS: 3.5 KB

Browser Support:  Except IE<8 all browsers support it.


Octo - CSS3 based image Gallery with Lightbox

It is a CSS3 based gallery to group and display images and have ability to enlarge them through a lightbox which has arrow navigation support.

Visit Site  

Compressed CSS: 636 Bytes

Browser Support: IE<10 and Opera mini partially support it.


PhotoViewerJS - A Javascript based images gallery with lightbox

It is a pure javascript library to display full images of thumbnails in a fullscreen lightbox popup. It also has awesome display on mobile devices.

Visit Site 

Compressed CSS: 2 KB

Compressed JS: 3.56 KB

Browser Support:  Opera mini and IE<9 partially support it.

Plz share this on

Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn

You have no rights to post comments

Enjoy best web development services at an affordable price. Looking forward to build a good relationship and serve you better...

Copyright © 2017. All rights reserved.