Masonry Reviews in 2025

Audience

Professionals and any user looking for a solution offering a cascading grid layout library

About Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. Item sizes can be set with percentages for responsive layouts. Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download. You can initialize Masonry in HTML, without writing any JavaScript. All options are optional, but column width and item selection are recommended. Align items to a horizontal grid. Use element sizing for responsive layouts with percentage widths. Element sizing options allow you to control the sizing of the Masonry layout within your CSS. This is useful for responsive layouts and media queries.

Other Popular Alternatives & Related Software

GridMaster

The GridMaster plugin helps you to create post grid with ajax filter and grid in WordPress. You can create post grid layout with taxonomy filter, ajax pagination, load more button, infinite scroll, and many more. GridMaster Features: Shortcode Generator Pre-Build Grid Layout Custom Post Type Support Posts Per Page Order By/Order Excerpt Length Read More Button Filter Style Custom Taxonomy Support Ajax Pagination Load More Button Infinite Scroll Animate on Post load Grid Image Thumbnail Size PRO FEATURES Pro Filter Style / Grid Layout Taxonomy Image and Color Auto Select Taxonomy Custom Taxonomy Terms Initial Term on Page Load Auto-Select Initial Term Allow Multiple Selection Auto Post Type Selection Heading Tag / Font Size Row/Column Gap Control Post Items Per Row

Learn more

Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations simple. It can be used on both timings and properties. Animate multiple CSS transforms properties with different timings simultaneously on a single HTML element. Play, pause, control, reverse and trigger events in sync using the complete built-in callbacks and controls functions. Anime.js works with anything web. CSS, SVG, DOM attributes and JavaScript Objects, animate everything with a single unified API. Staggering allows you to animate multiple elements with follow-through and overlapping action. Animation keyframes are defined using an Array, within the keyframes property. Each keyframe duration will be equal to the animation's total duration divided by the number of keyframes.

Learn more

Multiple.js

An experiment in sharing background across multiple elements using CSS. If you want to accomplish a "background sharing across multiple elements" effect in HTML/CSS without any coordinates processing by JavaScript, Multiple.js is the answer. Note that icons and text at lighter layers have gradient-color from darker layers, creating the illusion of an underlying violet layer. In addition to that, layers pass the background image (girl) with equal transparency so that layers can not be superimposed on each other. All these things can be implemented in CSS. Add a gap between elements to make sure that the background remains in the same position. Toggle background image/gradient to get idea how it looks. Miss random layers to make sure that elements are independent. Expands background to viewport's size and displays in every element appropriate chunk, exactly what is needed! Background can be successfully expanded to full viewport size.

Learn more

ProFeedWP

(1 Rating)

ProFeedWP makes it easy to embed your company's LinkedIn feed directly into WordPress. Paste your LinkedIn URL, pick from layouts like grid, carousel, or masonry, customize themes & colors — all in Gutenberg. Keep your site fresh with automatic post updates.

Learn more

Pricing

Starting Price:

Free

Free Version:

Free Version available.

Integrations

No integrations listed.

Ratings/Reviews

Overall 0.0 / 5

ease 0.0 / 5

features 0.0 / 5

design 0.0 / 5

support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Videos and Screen Captures

Other Useful Business Software

Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.

Try free now

Product Details

Platforms Supported

Cloud

Windows

Mac

Linux

iPhone

iPad

Android

Chromebook

Training

Documentation

Support

Online

Compare This Software

ProFeedWP

ProFeedWP makes it easy to embed your company's LinkedIn feed directly into WordPress. Paste your LinkedIn URL, pick from layouts like grid, carousel, or masonry, customize themes & colors — all in Gutenberg. Keep your site fresh with automatic post updates.

Compare
GridMaster

The GridMaster plugin helps you to create post grid with ajax filter and grid in WordPress. You can create post grid layout with taxonomy filter, ajax pagination, load more button, infinite scroll, and many more. GridMaster Features: Shortcode Generator Pre-Build Grid Layout Custom Post...

Compare
Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations...

Compare
Multiple.js

An experiment in sharing background across multiple elements using CSS. If you want to accomplish a "background sharing across multiple elements" effect in HTML/CSS without any coordinates processing by JavaScript, Multiple.js is the answer. Note that icons and text at lighter layers have...

Compare
JSFiddle

JSFiddle has the notion of panels (or tabs if you switch into the tabbed layout), there are 4 panels, 3 where you can enter code, and 1 to see the result: HTML - structure code, no need to add body doctype head, that's added automatically, CSS - styles. You can switch pre-pocessor to SCSS,...

Compare

Recommended Software

ProFeedWP

ProFeedWP makes it easy to embed your company's LinkedIn feed directly into WordPress. Paste your LinkedIn URL, pick from layouts like grid, carousel, or masonry, customize themes & colors — all in Gutenberg. Keep your site fresh with automatic post updates.

See Software
GridMaster

The GridMaster plugin helps you to create post grid with ajax filter and grid in WordPress. You can create post grid layout with taxonomy filter, ajax pagination, load more button, infinite scroll, and many more. GridMaster Features: Shortcode Generator Pre-Build Grid Layout Custom Post...

See Software
Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations...

See Software