Dial in your perfect photo & video gallery.

Mix and match different gallery layouts, appearances and settings.
See example of some ideas for your gallery below.

photos-browser-the7-3-01
Gallery Masonry

EXAMPLE 1

  • Page layout: Full-width
  • Layout: Masonry
  • Gap between images: 20px
  • Loading mode: Load more
  • Loading effect: None
View demo page
photos-browser-the7-3-02
Gallery Masonry

EXAMPLE 2

  • Page layout: Content-width
  • Content area: Below gallery
  • Layout: Masonry
  • Gap between images: 2px
  • Loading mode: Lazy loading
  • Loading effect: Scale up
View demo page
photos-browser-the7-3-03
Gallery Grid

EXAMPLE 3

  • Page layout: Full-width
  • Layout: Grid
  • Image proportions: 1×1
  • Gap between images: 20px
  • Loading mode: Load more
  • Loading effect: None
View demo page
photos-browser-the7-3-04
Gallery Grid

EXAMPLE 4

  • Page layout: Full-width
  • Layout: Grid
  • Image proportions: 3×2
  • Gap between images: 10px
  • Loading mode: AJAX pagination
  • Loading effect: Flip
View demo page
photos-browser-the7-3-05
Gallery Justified Grid

EXAMPLE 5

  • Page layout: Full-width
  • Layout: Justified Grid
  • Row target height: 180px
  • Gap between images: 0px
  • Loading mode: Load more
  • Loading effect: None
View demo page
photos-browser-the7-3-06
Gallery Justified Grid

EXAMPLE 6

  • Page layout: Content-width
  • Layout: Justified Grid
  • Row target height: 200px
  • Gap between images: 6px
  • Loading mode: Lazy loading
  • Loading effect: None
View demo page