Collection of free jQuery gallery plugins
Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.
Magnific Gallery
Michal Niewitala | July 16, 2017
HTML (Haml) / CSS (Sass) / JS (CoffeeScript)
About a code
Nice responsive gallery with: 1. CSS columns; 2. roll over, hover caption; 3.Magnific Popup script; 4. zoom in effect; 5. Haml & Sass & CoffeeScript.
Chrome, Edge, Firefox, Opera, Safari
yes
magnific-popup.css, jquery.magnific-popup.js
Simple Image Gallery with Magnific-Popup.js
Nino | January 21, 2017
HTML / CSS / JS
About a code
This simple and clean looking image gallery was created with the magnific-popup jQuery plugin.
Chrome, Edge, Firefox, Opera, Safari
yes
jquery.magnific-popup.js
3D Tilted Scrolling Image Gallery
Sebastian Schepis | June 19, 2014
HTML / CSS (SCSS) / JS
About a code
Here's a nice 3D tilted scrolling image gallery implemented using Pete Rojwongsuriya's jquery.tilted-pagescroll.js plug-in.
Chrome, Edge, Firefox, Opera, Safari
yes
-
Blueimp Gallery
Sebastian Tschan | June 20, 2013
2743 stars238 watchers
About a code
Blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading.
Chocolat
Nicolas Turlais | May 22, 2012
1250 stars47 watchers
About a code
Chocolat.js enables you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails. The viewer may appears full-page or in a block.
Justified.js
Nitin Hayaran | June 27, 2014
493 stars29 watchers
About a code
Justified.js is a jQuery plugin that creates a justified image grid of supplied images. Fill all the spaces! This ineffect creates a elegant image gallery with various sizes of images, where all the images of a row to have the same height.
nanoGALLERY
Christophe Brisbois | April 8, 2013
433 stars40 watchers
About a code
Image gallery simplified. Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage. Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others.
Shuffle Images
Pete R. | May 22, 2014
181 stars15 watchers
About a code
Shuffle Images let you display and shuffle multiple images by moving cursor around or several other ways to trigger.This plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed. It can also be used to create an interactive animation on multiple static images at once.
Balanced Gallery
Ryan | August 20, 2013
156 stars11 watchers
About a code
Balanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided. Photos are scaled based on the size of the 'container' element by default, making Balanced Gallery a great choice for responsive websites.
Bootstrap Photo Gallery
Michael Soriano | March 1, 2015
116 stars11 watchers
About a code
A jQuery plugin that will automatically create a Photo Gallery based on an unordered list of images. Supports image captions, modal, with "next" and "previous" paging. Plugin requires Bootstrap and jQuery. Current version Bootstrap 4.
jQuery Elastic Grid
Truong Vu | February 23, 2015
44 stars11 watchers
About a code
jQuery Elastic Grid is a lightweight, easy to use gallery jQuery plugin script inspired by Google Image Search with support for .webp, .webp and .gif image files. It uses a thumbnail grid with expanding preview for displaying your images. It is also fully HTML5 and CSS3 compliant.
Discover Our Extensive Snippet Library
This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.
HTML Snippets.
Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.
CSS Snippets.
Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations
JavaScript Snippets.
Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms
Bootstrap Snippets.
Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components
Tailwind Snippets.
Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to
jQuery Snippets.
Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations
Let's craft a visual identity that ignites passion and loyalty. ✨