Minimal Responsive Photo Gallery Plugin For jQuery - xGallerify

File Size: 14.3 KB
Views Total: 9010
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Minimal Responsive Photo Gallery Plugin For jQuery - xGallerify

xGallerify is a lightweight jQuery gallery plugin that takes a group of images and automatically arranges them in a compact, equal height, fully responsive mosaic grid.


  • Allows to specify the space between images.
  • Allows to specify the number of images to show per row.
  • 3 predefined layouts: default, Bootstrap and Flickr.
  • Supports any images with different height.
  • Without writing any additional CSS rules.

How to use it:

1. Include jQuery library on the webpage.

<script src="/path/to/jquery.min.js"></script>

2. Make sure to include the xGallerify jQuery plugin after jQuery library.

<script src="dist/xgallerify.js"></script>

3. Markup html structure.

<div class="photos">
  <div class="photo">
    <img src="1.jpg">
  <div class="photo">
    <img src="2.jpg">
  <div class="photo">
    <img src="3.jpg">

4. Initialize the plugin to render a responsive gallery with default settings.

   // options here

5. Configuration options to customize the gallery.


  // the space between images

  // 'default', 'bootstrap' or 'flickr'

  // 'fullwidth' or 'adjust'


Change log:


  • jQuery 3+ support
  • Remove Unnecessary param debounceLoad


  • small fix for mobile view and hidden last row feature


  • removing underscore, introducing debounceLoad, documentation, bug fixing


  • Async and fixes


  • Smoothnes fixes


  • many fixes and tweaks 


  • last row fix, switch layout to adjust
  • remove underscore support

This awesome jQuery plugin is developed by xremix. For more Advanced Usages, please check the demo page or visit the official website.