Software Alternatives, Accelerators & Startups

React with pre-made components VS Masonry

Compare React with pre-made components VS Masonry and see what are their differences

React with pre-made components logo React with pre-made components

React can also act as a "widget toolkit" by using pre-made React components. http://react-components.com/

Masonry logo Masonry

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats.
  • React with pre-made components Landing page
    Landing page //
    2023-04-23
  • Masonry Landing page
    Landing page //
    2019-09-17

React with pre-made components videos

No React with pre-made components videos yet. You could help us improve this page by suggesting one.

Add video

Masonry videos

The Rules of Masonry Design - Insights from a Structural Engineer

More videos:

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

Category Popularity

0-100% (relative to React with pre-made components and Masonry)
Javascript UI Libraries
84 84%
16% 16
Developer Tools
0 0%
100% 100
JavaScript Framework
100 100%
0% 0
Productivity
0 0%
100% 100

User comments

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

Social recommendations and mentions

React with pre-made components might be a bit more popular than Masonry. We know about 30 links to it since March 2021 and only 24 links to Masonry. 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.

React with pre-made components mentions (30)

  • ✨7 Github Repositories to Master React
    📚 A free book that talks about design patterns/techniques used while developing with React. - Source: dev.to / 8 months ago
  • Front-end Guide
    If any JavaScript project has taken the front end ecosystem by storm in recent years, that would be React. React is a library built and open-sourced by the smart people at Facebook. In React, developers write components for their web interface and compose them together. - Source: dev.to / over 1 year ago
  • react dev tools not loading in Chrome browser
    I'm debugging an application which uses React.js, the Chrome Extensions list clearly shows that the React Developer Tools are installed, and when I access the React site at http://facebook.github.io/react/ I can clearly see a "React" tab in the developer tools window. Yet when I'm debugging my application I see this in the console:. Source: about 2 years ago
  • How do I sync state from the DOM to my React Component in an Isomorphic Application?
    I am building an Isomorphic Application in React which first renders a component server-side, then takes advantage of React's intelligent re-rendering browser-side. Source: about 2 years ago
  • Facebook's react.js -- object is not a function
    Uncaught TypeError: Property 'CommentList' of object [object Object] is not a function In fact react.js's own examples page has:. Source: about 2 years ago
View more

Masonry mentions (24)

  • Frontend resources! 🚀
    Masonry Grid: Create dynamic grid layouts with ease. - Source: dev.to / 26 days ago
  • 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 / about 2 months 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 / about 2 months 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: about 1 year 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: about 1 year ago
View more

What are some alternatives?

When comparing React with pre-made components and Masonry, you can also consider the following products

Vue.js - Reactive Components for Modern Web Interfaces

Isotope - Filter & sort magical layouts

Dojo Toolkit - Dojo Toolkit

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

Inferno - An extremely fast React-like javascript library for building modern user interfaces.

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