Software Alternatives & Reviews

Masonry VS Isotope

Compare Masonry VS Isotope and see what are their differences

Masonry logo Masonry

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats.

Isotope logo Isotope

Filter & sort magical layouts
  • Masonry Landing page
    Landing page //
    2019-09-17
  • Isotope Landing page
    Landing page //
    2019-09-17

Masonry videos

The Rules of Masonry Design - Insights from a Structural Engineer

More videos:

  • Review - Masonry Review | Built to Last TV - The Green Home

Isotope videos

Redcon1 - Isotope Supplement Review

More videos:

  • Review - Redcon1 Isotope Whey Protein Isolate Review | 2018 New Flavors!
  • Review - Redcon1 Isotope Review

Category Popularity

0-100% (relative to Masonry and Isotope)
Developer Tools
43 43%
57% 57
Productivity
43 43%
57% 57
Javascript UI Libraries
55 55%
45% 45
Video & Movies
42 42%
58% 58

User comments

Share your experience with using Masonry and Isotope. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare Masonry and Isotope

Masonry Reviews

We have no reviews of Masonry yet.
Be the first one to post

Isotope Reviews

Top 15 Self-hosted open-source free web-based email clients
Isotope features drag-and-drop message control, embedded messages and attachment renderer support, message folders, browser notification, rich text messages, email addresses auto-complete, and multi-languages interface (currently: English, Spanish and Deutsch).
Source: medevel.com

Social recommendations and mentions

Based on our record, Masonry should be more popular than Isotope. It has been mentiond 23 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Masonry mentions (23)

  • Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
    How can there be an “inventing masonry” section without a reference to the masonry js library[1] - I suppose this is where the name comes from? [1]: https://masonry.desandro.com/. - Source: Hacker News / 10 days ago
  • Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
    Probably influenced by the most popular JavaScript library for achieving this type of layout, Masonry[0]. The author notes at the end of the article: > But do expect the name of this value to change in the future. And perhaps prepare for a future where we call this “columnar grid” or “Grid Level 3” instead of “Masonry”. [0] https://masonry.desandro.com/. - Source: Hacker News / 10 days ago
  • How do I display a list of divs with different sizes like the picture below. I found a component that can do this with images but I want the elements to be divs.
    To learn more about the Masonry library and explore its documentation and examples, you can visit the official website: Masonry. Source: 11 months ago
  • Optimised for mobile & tablet but desktop looks off – any ideas / proposals?
    Masonry is just what you need. There are libraries like this that you can utilize for this purpose. Source: 11 months ago
  • Was playing the Titanfall campaign last night and thought it might be fun to fold spacetime
    Thank you! I purchased a Masonry (https://masonry.desandro.com/) license and built off of one of the layouts. Site runs on a Lucee server and content is populated from MySQL tables. I am using various open source jquery plug-ins for pop-ups and what not. Source: 12 months ago
View more

Isotope mentions (7)

  • Smooth transition after one element disappeared
    I want other elements to animate like this example when a specific element become display none https://isotope.metafizzy.co/. Source: 10 months ago
  • Help Creating Filter Search bar without using plugins
    If you want to display all the listings, then drill down results with filters, you could accomplish something like this using Isotope. Source: about 1 year ago
  • How the heck does this work?
    I was also a big fan of isotope library back in the day. Source: about 1 year ago
  • Hi guys. Am trying to achieve product filtering without using a plugin. Is there a way to do that with codes or css. If yes, can I have it?
    Not easily. I code it using isotope https://isotope.metafizzy.co or custom JS. You’ll need to be comfortable with editing the product loop. Source: over 1 year ago
  • How to use client modules in non-client-only component?
    Firstly, thank you so much for your help. The package is https://isotope.metafizzy.co. Source: over 1 year ago
View more

What are some alternatives?

When comparing Masonry and Isotope, you can also consider the following products

Mix It Up - Mix It Up Is A Free, Full Featured, Community Driven, Open-Source Streaming Bot Developed Exclusively For The Mixer Streaming Platform

Salvattore - A jQuery Masonry alternative with CSS-driven configuration.

StreamElements - An all-in-one toolkit to help streamers grow 📹

Nightbot - The Ultimate Chat Moderator Bot on Twitch

Streamlabs Chatbot - Streamlabs Chatbot is a chat bot for Twitch, YouTube Gaming, and Mixer.

Moobot - Twitch Moderation Bot