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
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
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
Anime.js
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
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

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
AI-generated apps that pass security review Icon
AI-generated apps that pass security review

Stop waiting on engineering. Build production-ready internal tools with AI—on your company data, in your cloud.

Retool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
Try Retool 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