4.16 (55 ratings) 4.16 stars
Cart 908 sales

PhotoMosaic transforms your photo gallery into a visually-striking design piece by giving it a fresh masonry layout worthy of your favorite design blog.


  • Gallery data can be parsed from existing HTML, read from a JSON object, or loaded from an external XML file
  • Fully Responsive
  • Masonry Layout
  • Customizable columns, width, & padding
  • Have images link to a URL (with option to open that URL in a new window/tab), open a larger version of the image in a Lightbox, or don’t make them links at all.
  • CSS3 loading animations
  • Works with your favorite Lightbox plugin (or use the packaged PrettyPhoto)

v2.9 (September 17th, 2014)

  • Enhancement : adds unique class to each mosaic (for easier CSS targeting)
  • Enhancement : reduced file size by 50%
  • Change : makes the loading spinner an element (allows more styling options)

v2.8.5 (September 3rd, 2014)

  • Bug Fix : refines transform settings (large galleries should see drastic performance improvements on mobile)

v2.8.4 (August 28th, 2014)

  • Bug Fix : corrects a bug that caused lazyloading to load images prematurely

v2.8.3 (August 27th, 2014)

  • Bug Fix : corrects the Chrome (Win) scroll/flicker issue

v2.8.2 (July 17th, 2014)

  • Bug Fix : corrects regression that prevented captions from appearing on the page

v2.8.1 (July 15th, 2014)

  • Enhancement : adds “modal_hash” param for better deeplinking support

v2.8 (July. 14th, 2014)

  • Enhancement : moves from static HTML manipulation to ReactJS
  • Enhancement : adds .update() method to update mosaic settings on-the-fly
  • Enhancement : calling .photoMosaic() after creation now triggers a refresh
  • Enhancement : events are now debounced
  • Bug Fix : loading spinner is no longer visible after the image has loaded
  • Bug Fix : corrects the bug that caused large galleries to, randomly, fail to render
  • Change : removes JSTween dependency
  • Change : removes Mustache dependency
  • Change : ‘Responsive Transition’ has been renamed to ‘Resize Transition’ for clarity


  • Enhancement : Adds lazyloading and sets images to be lazyloaded by default
  • Enhancement : increased the amount of the viewport the default lightbox (PrettyPhoto) uses
  • Enhancement : minified JS is now 60% smaller
  • Bug Fix : corrects the bug that prevented items that should line up in a perfect grid from doing so
  • Bug Fix : the image loading animation wasn’t being shown in some cases if images’s weren’t links
  • Bug Fix : loading spinner was disappearing early in certain conditions
  • Bug Fix : corrects image-scaling logic that caused extremely tall images to be scaled incorrectly
  • Bug Fix : images that 404 get removed from the mosaic
  • Bug Fix : corrects bug that caused older IEs to throw window.console errors
  • Bug Fix : cleans up some leaking JS vars