Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Responsive Gallery Grid

Transforms the native Wordpress gallery so it fits your images into a responsive justified image gallery. Much like the Google images search results p

If the plugin is activated, all of your Wordpress galleries will be styled like a Google+ gallery. The plugin will puzzle together your gallery images of unequal size. Unlike Masonry, the images will be placed in rows instead of columns. This solves the problem of gaps that typically appear at the bottom, and gives (in my opinion) a less chaotic feel.

Main features

  1. Works out of the box. Just activate the plugin and all your galleries are restyled. (You can change this for each gallery individually.)
  2. The gallery will fit in nicely in a responsive web design, as the grid is recalculated when scaling the window.
  3. Bubble effect: By default the images will pop out a little, whenever you move the cursor over them.
  4. The animation speed, scaling, margins and max row height are customizable as a global setting in Wordpress and can be changed individually in the [gallery] shortcode.
  5. Works seamlessly with most lightbox plugins. Some tested lightboxes:
  6. Different styles of captions are supported. (RGG Pro only.)

Live Example


Author Jules Colle, BDWM
Contributors JulesColle
Tags gallery, google, html5, pop out, responsive
  1. responsive-gallery-grid screenshot 1

    Responsive Gallery Grid in action. By default the images will pop out on mouse-over. Live example.

  2. responsive-gallery-grid screenshot 2

    You can set gobal options that will apply to all galleries by default.

  3. responsive-gallery-grid screenshot 3

    From the WYSIWYG view the gallery looks like an ordinary Wordpress gallery, so you can easily add and remove pictures the way you are used to.

  4. responsive-gallery-grid screenshot 4

    The gallery appearance can be modified individually by editing the shortcode in the text editor view.

  1. Upload the plugin contents to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in Wordpress Admin
  3. That's it! Your default WordPress Galleries should now all look titled and responsive!


If you want to finetune the options per gallery you can add some parameters to the gallery shortcode (from text editor).

Documentation available at

You Can also change the default options for all galleries under Settings > RGG Options

2.0.5 (October 27, 2016)

  • Updated readme file

2.0.4 (October 23, 2016)

  • Tested with WordPress 4.6.1

2.0.3 (June 27, 2016)

2.0.2 (June 24, 2016)

  • Tested with Wordpress 4.5.3
  • Added versions to CSS and javascript files to fix cache problems

2.0.1 (May 27, 2016)

2.0 (May 25, 2016)

  • Added default settings page

1.3.4 (February 2, 2015)

  • No Changes

1.3.3 (April 18, 2014)

  • Got rid of a bug caused by WP 3.9

1.3.2 (August 17, 2013)

  • Got rid of most bugs in version 1.3.1 (hopefully)

1.3.1 (May 29, 2013)

  • Changed character encoding for captions, to include special characters. With thanks to Niko.
  • The last row of the gallery is now always equal to the height of the previous row. This will generate prettier results if you use images with the same dimensions, like logo's.
  • New parameter, orderby, allows you to order images by title, publish date, or even randomly
  • More new parameters added. order, id, size, include, exclude
  • The image_size parameter is deprecated. It will still work, but it's better to use size instead.
  • Some bug fixes

1.3 (May 13, 2013)

  • Fixed so many bugs I can't remember which ones anymore.
  • Rewritten the entire ordering algorithm, so things are less likey to break when adding borders and padding to the images.

1.2.4 (May 9, 2013)

  • Only load the javascript and CSS files if there actually are galleries on the page. Before, this could cause javascript warnings and errors on pages without a Responsive Gallery Grid on them.

1.2.3 (May 7, 2013)

  • Included padding and borders into the calculations, so the grid won't break if one of those are added to the images.

1.2.2 (May 6, 2013)

  • escaped the captions so double quotes can be added in the caption text.
  • Added captions parameter to shortcode, so captions can be disabled.
  • Some bug fixes

1.2.1 (May 6, 2013)

  • Added captions in the title attribute of the anchor tags.

1.2 (May 6, 2013)

  • changed the way the plugin hooks to the native gallery, so other plugins can use it too.

1.1 (May 2, 2013)

  • Added a bunch of paramaters to the shortcode
  • updated plugin info page
  • update plugin website

0.1.1 (April 27, 2013)

  • updated the Plugin Info page

0.1 (April 26, 2013)

  • First release

How do I add a lightbox to the gallery?

Any way you would add a lightbox to the native wordpress gallery will work for Responsive Gallery Grid. Some lightbox plugins I have tested that work with RGG can be found here:

The images to the left and right of the grid are cut of when I mouse over them. How do I solve this?

This will happen if one of the grid containers have the CSS property overflow:hidden. If possible, you will need to change this to overflow:visible. If not, you can wrap the gallery inside a div, and assign some margins to it. If that's no option either, you should just disable scaling, or use negative scaling by setting the scale property to a value between 0.5 and 1 in the schortcode.

How can I further configure and modify the gallery to my needs?

In the WordPress admin you can set the global settings under RGG Options

You can also customize the galleries individually by editing the shortcode. All shortcode options can be found here:

Need anything else? Please start a support thread?

Will there be added more options?

Sure. Please start a support thread for any of your requests.

Version 2.0.5

Requires WordPress version: 3.0 or higher

Compatible up to: 4.6.3

Last Updated 27 Oct 2016

Date Added: 27 Apr 2013

Plugin Homepage


4.7 stars
40 ratings


Not Enough Data

Works: 0
Broken: 0