ZealousWeb

<p>Introducing the “Grid Masonry for Guten blocks” plugin – a powerful tool designed to enhance your content display in the Gutenberg editor. With this plugin, you can effortlessly create visually appealing grids that showcase a mix of images, videos, posts, and custom posts in a stunning masonry-style layout.</p>
<ul>
<li>Present a captivating blend of images, videos in a media grid, and posts and custom posts within the post grid, offering a dynamic and engaging content presentation.</li>
<li>Tailor your grid by choosing the number of columns and rows, giving you full control over the structure and appearance of your content.</li>
<li>Enhance the user experience by enabling a lightbox feature for images and videos. When clicked, media items expand for a larger, more immersive view.</li>
<li>Support for various video formats, including MP4, YouTube, and Vimeo, allowing you to seamlessly integrate diverse multimedia content.</li>
<li>Compatibility of WordPress VIP.</li>
</ul>
<h3>Plugin Requirement</h3>
<p>PHP version : 7.4 and latest<br />
WordPress   : WordPress 5.9 and latest</p>
<h3>OUR OTHER PLUGINS</h3>
<ul>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro" rel="nofollow ugc">Abandoned Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-2checkout-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept 2 Checkout Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-authorize-net-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Authorize.NET Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-elavon-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Elavon Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-paypal-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept PayPal Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-sage-pay-opayo-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Sagepay(Opayo) Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-stripe-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Stripe Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro" rel="nofollow ugc">Custom Product Options WooCommerce Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro" rel="nofollow ugc">Generate PDF Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro" rel="nofollow ugc">Smart Appointment & Booking Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro" rel="nofollow ugc">Smart Showcase for Google Reviews Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro" rel="nofollow ugc">User Registration Using Contact Form 7 Pro</a></strong></li>
</ul>
<h4>Getting Help With WordPress</h4>
<p>If you have any difficulties while using this Plugin, please feel free to contact us at <strong><a href="https://support.zealousweb.com/portal/en/home" rel="nofollow ugc">Support</a></strong></p>
<p>We also offer custom WordPress extension development and WordPress theme design services to fulfill your e-commerce objectives.</p>
<p>Our professional impassioned WordPress experts provide profound and customer-oriented development of your project within short timeframes.</p>
<p>Thank you for choosing a Plugin developed by <strong><a href="https://www.zealousweb.com" rel="nofollow ugc">ZealousWeb</a></strong>!</p>
<h3>Functionality</h3>
<p>This plugin utilizes third-party libraries to enhance its functionality:</p>
<ul>
<li><strong>Fancybox JS:</strong> https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js – Use to acieve lightbox functionality for images and videos in popup</li>
<li><strong>Fancybox CSS:</strong> https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css – Use to acieve lightbox functionality for images and videos in popup</li>
<li><strong>Isotope:</strong> https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js – Use to achive Masonry output for post and media layout</li>
</ul>


Grid Masonry for Guten blocks


It's a wonderful plugin, has features I would have liked the Gallery block to integrate but this works well! The hover image design is not as good as I think it should be but that might be an easy fix if developer wanted to "match design" of wordpress.



i.imgur.com/8zRUHXX(dot)png


Works great!

Create stunning grids with Gutenberg. Display images, videos, and posts in masonry style. Customize columns, rows, lightbox, and more.

Sharabindu

<p>ELFI Masonry is a feature-rich <strong>Elementor Masonry Gallery & Filterable Portfolio Addon</strong> designed for showcasing portfolios, products, blog posts, or any custom post type. It helps you create dynamic, category-based filters and visually appealing image galleries with full Elementor styling options.</p>
<p><a href="https://elfi.woocommercebarcode.com/" title="Pro Demo ELFI masonry Addon" rel="nofollow ugc">Try the Demo</a> | <a href="https://sharabindu.com/plugins/elfi-masonry-addon/" rel="nofollow ugc">Premium version</a> | <a href="https://elfi.woocommercebarcode.com/docs/introduction/" title="Documents" rel="nofollow ugc">Documents</a></p>
<h3>Preview ElFI Masonry Addon For Elementor</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XvFWej5Go5M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>The addon includes:</p>
<ul>
<li>Filter Masonry Widget (Post-based masonry with category filter)</li>
<li>Gallery Masonry Widget (Custom image gallery masonry)</li>
</ul>
<p>Both widgets are fully responsive, SEO-friendly, and work with any Elementor-compatible theme.</p>
<h3>Filter Masonry Widget</h3>
<p>The Filter Masonry widget lets you create filterable masonry layouts based on WordPress post types. Categories automatically become filter buttons, allowing users to sort items instantly.</p>
<h3>Features of Filter Masonry</h3>
<h4>Post Type Based Showcase</h4>
<p>Create category-based showcases for:<br />
– Products (WooCommerce)<br />
– Blog Posts<br />
– Portfolio items<br />
– Custom post types</p>
<h4>Two Sorting Methods</h4>
<ol>
<li>
<p>Category Sorting<br />
Displays category-specific items with filter buttons.</p>
</li>
<li>
<p>Post Type Sorting<br />
Displays all items under the selected post type without a filter bar.</p>
</li>
</ol>
<h4>Category Filter Support</h4>
<p>When users click a category button, only items from that category are displayed. Ideal for creating:<br />
– Product filters<br />
– Portfolio filters<br />
– Blog post filters<br />
– Service filters</p>
<h3>Gallery Masonry Widget</h3>
<p>The Gallery Masonry widget allows you to create a beautiful <strong>custom image masonry gallery</strong> without needing posts or categories. All items are added directly from the Elementor editor.</p>
<h3>Features of Gallery Masonry</h3>
<h4>Add Unlimited Items</h4>
<p>Add as many gallery items as needed. Each item can include:<br />
– Image<br />
– Title / Caption<br />
– Link<br />
– Popup content</p>
<h4>Custom Title and Images</h4>
<p>Each gallery item can have a custom:<br />
– Image<br />
– Text/Title<br />
– URL<br />
– Popup content</p>
<h4>Item Link Support</h4>
<p>Hovering over each item reveals a link icon that opens a custom URL.</p>
<h4>Popup Content Options</h4>
<p>Each item can display pop-up elements such as:<br />
– Popup Image<br />
– Popup Video (YouTube/Vimeo)<br />
– Popup Shortcode<br />
– Popup HTML<br />
– Popup Map Embed<br />
– Popup content with image gallery</p>
<h4>Preview & Buy Links</h4>
<p>Perfect for product showcases. Add:<br />
– Preview button<br />
– Buy Now button<br />
– Any custom link</p>
<h3>Other Features</h3>
<ul>
<li>Portfolio Filter</li>
<li>Post Filter</li>
<li>Product Filter</li>
<li>Custom Post Type Support</li>
<li>Change permalink slug for “elfi-masonry-addon”</li>
<li>Fully responsive layout</li>
<li>Popup image viewer</li>
<li>2, 3, and 4-column layouts</li>
<li>Read More button option</li>
<li>Cross-browser compatibility</li>
<li>Lightweight and fast</li>
<li>Well documented</li>
</ul>
<h3>Premium Features</h3>
<p>The premium version includes even more advanced controls:</p>
<ul>
<li>Freestyle masonry with 10+ premium styles</li>
<li>Gallery Masonry with 10 extra professional layouts</li>
<li>Custom post type full support</li>
<li>14+ layout animations</li>
<li>Popup video support (YouTube, Vimeo, etc.)</li>
<li>Popup shortcode support</li>
<li>Popup raw HTML support</li>
<li>Popup embed (map, iframe, code)</li>
<li>Custom popup icons</li>
<li>Popup content with image gallery</li>
<li>AJAX-based infinite scroll pagination</li>
<li>12+ filter button styles</li>
<li>More customization options and templates</li>
</ul>
<h3>Privacy</h3>
<p>ELFI Masonry does not collect, store, or transmit any user data.<br />
It does not connect to any external service.<br />
This is an addon built exclusively for the Elementor Page Builder.</p>
<h3>Feedback</h3>
<p>We welcome your suggestions and feedback.<br />
If you enjoy using ELFI Masonry, please leave a positive review and share your experience.</p>
<h3>And many more things are waiting for you to discover</h3>
<p><a href="https://sharabindu.com/plugins/elfi-masonry-addon" rel="nofollow ugc">GET PRO VERSION</a></p>


Elfi Masonry – Filterable Portfolio & Masonry Gallery Addon for Elementor

"ELFI Masonry Addon" is a filterable and gallery showcase addon for Elementor page builder.

Grid Masonry for Guten blocks vs Elfi Masonry – Filterable Portfolio & Masonry Gallery Addon for Elementor