This is a travel landing page made with Flexbox, CSS Grid, and vanilla JavaScript. It has a nice looking slider and a general style that makes good...

This is a travel landing page made with Flexbox, CSS Grid, and vanilla JavaScript. It has a nice looking slider and a general style that makes good use of color and space. Created by CodePen user Katherine Katotravel.

This is a 3D rotational effect applied to an image gallery. It uses mainly rotate3D CSS attribute to rotate the images and JavaScript for adding dy...

This is a 3D rotational effect applied to an image gallery. It uses mainly rotate3D CSS attribute to rotate the images and JavaScript for adding dynamism to the transitions. Created by CodePen user ycw.

A set of panels created with CSS and JavaScript that you can modify in size by dragging the divisions to any of the sides. You can drag the vertica...

A set of panels created with CSS and JavaScript that you can modify in size by dragging the divisions to any of the sides. You can drag the vertical divisions or the horizontal divisions in a responsive container. The snippet can be used as a gallery, and it easy to modify.

A snippet of a gallery created using CSS and JS; the images are called using Java and displayed within a grid with CSS, the items lighten with a ho...

A snippet of a gallery created using CSS and JS; the images are called using Java and displayed within a grid with CSS, the items lighten with a hover, and by clicking them the image will be displayed along all the grid.

A 100% DOM-based JavaScript library for image galleries. It is compatible with major browsers, supporting iOS as well. The library allows natural s...

A 100% DOM-based JavaScript library for image galleries. It is compatible with major browsers, supporting iOS as well. The library allows natural swiping and touch-move response, response to trackpad, customization controls and more. It is licensed under the GNU General Public Library.

A responsive gallery made in jQuery with touch capabilities, perfect for mobile devices. It is in beta testing stage, but it is actually really smo...

A responsive gallery made in jQuery with touch capabilities, perfect for mobile devices. It is in beta testing stage, but it is actually really smooth. You just need to download, add the CSS and JS files to your site and add the class required to the gallery elements. It is licensed GPL v3.

A compelling grid made with very few lines of JavaScript that arranges the images intuitively. Each image has a pair of buttons at the top left for...

A compelling grid made with very few lines of JavaScript that arranges the images intuitively. Each image has a pair of buttons at the top left for reducing or enlarging the image, making it a great tool for creating galleries for websites or mobile apps. It was created by Jiwoong Lee.

A plugin made with JavaScript for creating automatic galleries with no additional dependencies. It allows you to change the caption, full-screen bu...

A plugin made with JavaScript for creating automatic galleries with no additional dependencies. It allows you to change the caption, full-screen buttons and share options, or just leave it without caption, a transparent background, and a tap-to-close option.

An expandable image gallery made with CSS and JavaScript. It makes an element expand on click, occupying the whole screen and the going back again ...

An expandable image gallery made with CSS and JavaScript. It makes an element expand on click, occupying the whole screen and the going back again when clicked. It is a free resource, easy to implement, and it also comes with an article about the creation process.

A fantastic jQuery plugin that will allow you to create justified image galleries (no spaces between images), perfect for photography or illustrati...

A fantastic jQuery plugin that will allow you to create justified image galleries (no spaces between images), perfect for photography or illustration portfolios. You are able to modify the height (even by rows), margin and number of photos to make the gallery fit your design. This plugin was created by Nitin Hayaran and you can download it for free.

This tutorial will show us how to make an animated portfolio gallery with the help of jQuery. It contains a section with scrolling thumbnails that,...

This tutorial will show us how to make an animated portfolio gallery with the help of jQuery. It contains a section with scrolling thumbnails that, when clicked, display the info at a larger scale in the content section. If we click once more on this enlarged content, it will show at full scale as an overlay. The point is to always show content on a larger scale when interacting with a thumbnail.

This cool gallery shows three minimal boxes with some text on them. In order to see the image related to that box, you simply need to hover over it...

This cool gallery shows three minimal boxes with some text on them. In order to see the image related to that box, you simply need to hover over it to see the image come up right away on the entire screen, resulting in a classy way to showcase your content.

Backbone.js Gallery enables the creation of single-paged galleries with the use of jQuery, Backbone, Underscore and LAB.js templating. JSDocs provi...

Backbone.js Gallery enables the creation of single-paged galleries with the use of jQuery, Backbone, Underscore and LAB.js templating. JSDocs provides inline documentation, and CacheProvider gives variable and data caching. This nice plugin was created by Addy Osmani and hosted in GitHub.

The TutorialZine team brings a tutorial that, as they put it, is just for fun, since we can't think of many practical uses for it. This script make...

The TutorialZine team brings a tutorial that, as they put it, is just for fun, since we can't think of many practical uses for it. This script makes an Instagram search and displays a set of images in a grid, then makes use of the Box2D library to simulate interactions between them, all with no more than 40 lines of JavaScript.

An effect that allows us to make a thumbnail grid, very similar to Google’s image search. When we click on a thumbnail, a larger image appears alon...

An effect that allows us to make a thumbnail grid, very similar to Google’s image search. When we click on a thumbnail, a larger image appears along with more content such as text and a link, for instance. The rest of the page is moved, so the image fits the whole screen. This view is very clean and practical, making for a pleasing viewing experience.

Created by Kamil Czujowski, least.js allows us to create a responsive jQuery, HTML5 and CSS3 gallery with Lazy Load, which will make the loading pr...

Created by Kamil Czujowski, least.js allows us to create a responsive jQuery, HTML5 and CSS3 gallery with Lazy Load, which will make the loading process of the images smoother. It has neat animations to indicate the user when the elements are being loaded. Images are randomly arranged by the application every time the page is reloaded.

A jQuery plugin for creating a slick image gallery. The idea is to have the albums show as a slider first, once selected, the images in the album w...

A jQuery plugin for creating a slick image gallery. The idea is to have the albums show as a slider first, once selected, the images in the album will appear as a stack. When we click on the image, it will animate to the back of the stack, showing the next picture. CSS3 properties can be added for styling and customization.

This script allows you to create an automatic image montage (either with liquid or fixed size), choosing whether to fill all the gaps, creating a s...

This script allows you to create an automatic image montage (either with liquid or fixed size), choosing whether to fill all the gaps, creating a seamless fullscreen gallery. Also, it is possible to avoid images from resizing by taking the smallest image as a reference or leaving the script to decide whether or not resizing would be the best option. Perfect for large amount of images.

Photo gallery jQuery plugins are everywhere you turn. Not a week goes by ...

Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is my attempt to write a single plugin capable of creating a wide variety of gallery types.

This tutorial from the Codrops team shows us how to make an amazing gallery with scrollable thumbnails using jQuery and CSS3 for styling. The idea ...

This tutorial from the Codrops team shows us how to make an amazing gallery with scrollable thumbnails using jQuery and CSS3 for styling. The idea is to have dropdown menus that will show a series of thumbnails when clicked, once activated, the photos will be displayed in the entire background. Although a bit slow, this can be an impressive way to display content.

A good looking experimental jQuery plugin that allows you to group thumbnails by using a piling effect. Once you click on the image piles, they wil...

A good looking experimental jQuery plugin that allows you to group thumbnails by using a piling effect. Once you click on the image piles, they will ''fly'' into their correct locations. Thumbnail position can be customized, and the grid is adaptable, which means it will rearrange itself depending on the space available.

A very useful code snippet designed to sort image galleries through a neat search bar. It was designed to avoid useless AJAX calls, which can defin...

A very useful code snippet designed to sort image galleries through a neat search bar. It was designed to avoid useless AJAX calls, which can definitely improve performance. This actually shows on the demo, where images are shown very quickly as soon as you type.

Mosaic is a jQuery plugin that auto-generates sliding boxes and captions for our content. We can add all sorts of fade and slide animations in any ...

Mosaic is a jQuery plugin that auto-generates sliding boxes and captions for our content. We can add all sorts of fade and slide animations in any given direction, which are activated when hovering over the images. These animations can also control captions.

I wanted 3 things from any image gallery script: first, it to be beautiful and posses a great look & feel. second to be lightweight and not use...

I wanted 3 things from any image gallery script: first, it to be beautiful and posses a great look & feel. second to be lightweight and not use many assets, and third, I want a script that was built with performance at mind. I was working on something else entirely when I had to find a nice image gallery script. I wanted one of those that the user would basically click a thumbnail and the larger version of the image would be displayed on top of the page, in a modal window fashion.

Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galle...

Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.