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
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
Multiple.js
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
FusionCharts
FusionCharts
FusionCharts is a powerful and easy-to-use JavaScript charting library that helps developers to add interactive charts and data visualizations to their web and mobile applications. With 100+ chart types, including column, bar, line, area, pie, doughnut, scatter, bubble, and more, it's easy to create professional-looking charts that are engaging and informative. The library is completely cross-browser compatible and works seamlessly with a wide range of technologies, including Angular, React, Vue, and more. FusionCharts product suite consists of • FusionCharts Suite XT • FusionTime • FusionExport • FusionGrid FusionCharts offers a wide range of features that make it one of the most popular charting libraries on the market, including: • Real-time data updates • Dynamic updates of data using AJAX • Drill-down and multi-level charts • Animation and special effects • Export to PDF, PNG, and SVG • Responsive design • Accessibility support
Learn more
ProFeedWP
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

Company Information

Masonry
United States
masonry.desandro.com

Videos and Screen Captures

Masonry Screenshot 1
Masonry Screenshot 1 Masonry Screenshot 2
Other Useful Business Software
MongoDB Atlas runs apps anywhere Icon
MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Start Free

Product Details

Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online

Masonry Frequently Asked Questions

Q: What kinds of users and organization types does Masonry work with?
Q: What languages does Masonry support in their product?
Q: What kind of support options does Masonry offer?
Q: Does Masonry have a mobile app?
Q: What type of training does Masonry provide?
Q: How much does Masonry cost?

Masonry Product Features