An image hover effect showcasing off splittingJS which is a JavaScript micro-library for splitting elements by words, characters, children and more...

An image hover effect showcasing off splittingJS which is a JavaScript micro-library for splitting elements by words, characters, children and more. When hovering over the images, the split elements are skewed and slightly spaced to create a sort of window-blind effect. Created by CodePen user flowuhh.

A jQuery plugin to make your galleries become alive, applying stunning effects, highly customizable, and its performance is very fast and smooth wi...

A jQuery plugin to make your galleries become alive, applying stunning effects, highly customizable, and its performance is very fast and smooth with many features along with a minified version.

A jQuery player that displays images with control similar to those video players. it allows you to play, pause and resume, among others. It also le...

A jQuery player that displays images with control similar to those video players. it allows you to play, pause and resume, among others. It also lets you modify the animations, the effects (including fading, hiding, sliding, custom text, and more). The plugin can be used in any kind of project and it works in every major browser.

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 beautiful set of CSS transforms and transitions compressed within a jQuery plugin that allows you to show stacks of cards in different ways. Amon...

A beautiful set of CSS transforms and transitions compressed within a jQuery plugin that allows you to show stacks of cards in different ways. Among its effects, you can find fan right and left, rotated spread (horizontal and vertical), linear spread right and left, and many more. remember they only work in browsers that support transitions and transforms.

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.

​ImageFit is a simple, lightweight jQuery plugin to make images fit anywhere and anyway. It can be included in responsive websites, being able to a...

​ImageFit is a simple, lightweight jQuery plugin to make images fit anywhere and anyway. It can be included in responsive websites, being able to adapt in an organized way.

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.