A JavaScript library for creating high-quality justified image galleries with a masonry-like layout.
Justified Gallery is a JavaScript library that creates justified, brick-wall style image galleries for websites. It automatically arranges images to fill rows optimally, similar to layouts used by 500px and Flickr, solving the problem of displaying image collections elegantly without manual cropping or alignment.
Web developers and photographers building image-heavy websites, portfolios, or photography communities who need a professional, responsive gallery layout.
Developers choose Justified Gallery for its performance (row-by-row loading), extensive customization options, and proven reliability—it's used by thousands of sites including 500px. It reduces image crops, supports infinite scroll, and works across browsers.
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Displays rows progressively as images load, preventing layout blocking and improving perceived performance. The README highlights row-by-row loading as a key feature to avoid white spaces.
Offers extensive options like maxRowHeight, lastRow behavior, and justifyThreshold for precise control over gallery appearance. Features list includes flexible layout control similar to professional sites.
Seamlessly integrates with dynamically loaded content, making it ideal for galleries with large or growing image sets. The README states it works with infinite scroll and provides examples.
Used by major sites like 500px, ensuring reliability and performance for high-traffic applications. The README cites this as an endorsement of its professional quality.
Relies on jQuery, which adds overhead and may not align with modern project stacks using frameworks like React or Vue. The library is built as a jQuery plugin, requiring jQuery for operation.
With numerous settings and callbacks like captionSettings and thumbnailPath functions, setup can be complex and time-consuming for developers needing only basic functionality.
Version updates have introduced changes such as CSS class renames (e.g., .entry-visible to .jg-entry-visible in 3.8.1), which can break existing implementations and require code adjustments.