Skip to main content

Gallery types & layouts

Choose the perfect layout for your content with XO Gallery's six different gallery types.

Grid​

Perfect squares arranged in rows and columns - ideal for product showcases where consistency matters.

Best for:

  • Product catalogs
  • Team photos
  • Portfolio thumbnails
  • Any content that benefits from uniform sizing

Features:

  • All images appear as perfect squares
  • Clean, organized appearance
  • Works great with filters
  • Responsive design

Grid layout example

Masonry​

Pinterest-style layout that preserves your original image proportions - no cropping required.

Best for:

  • Mixed content (portraits and landscapes)
  • Blog post images
  • Instagram-style feeds
  • Preserving image aspect ratios

Features:

  • Maintains original image proportions
  • Dynamic, flowing layout
  • No image cropping
  • Great for varied content

Stack​

Images arranged in columns that wrap to new rows, like a traditional photo album layout.

Best for:

  • Simple, clean presentations
  • Event photos
  • Before/after galleries
  • Straightforward image displays

Features:

  • Predictable column-based layout
  • Images wrap to new rows automatically
  • Easy to scan and browse
  • Works well on all devices

Justified​

Flickr-style layout where all rows have the same height, creating a professional magazine look.

Best for:

  • Professional photography
  • Editorial content
  • High-quality image collections
  • Premium brand presentations

Features:

  • Consistent row heights
  • Professional appearance
  • Optimized spacing
  • Great for high-res images

Sliding image presentation that showcases one image at a time with navigation controls.

Best for:

  • Featured content
  • Hero sections
  • Product highlights
  • Step-by-step demonstrations

Features:

  • One image in focus
  • Navigation arrows and dots
  • Auto-play options available
  • Perfect for highlighting key content

Slider​

Enhanced carousel with thumbnail navigation, giving visitors full control over browsing.

Best for:

  • Product detail pages
  • Image galleries with many photos
  • Interactive browsing experiences
  • When users need quick navigation

Features:

  • Main image display
  • Thumbnail strip (top or bottom)
  • Click to jump to any image
  • Combines overview with detail

Choosing the right layout​

  • For e-commerce: Grid or Masonry work best for product displays
  • For storytelling: Carousel or Slider help guide viewers through content
  • For large collections: Stack or Justified handle many images elegantly
  • For mixed content: Masonry preserves all image proportions perfectly

Next, explore publishing options to get your galleries live.