ZealousWeb

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.
<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>
PHP version : 7.4 and latest 
WordPress : WordPress 5.9 and latest
<h3>OUR OTHER PLUGINS</h3>
<ul>
<li><a href="https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro" rel="nofollow ugc">Abandoned Contact Form 7 Pro</a></li>
<li><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></li>
<li><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></li>
<li><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></li>
<li><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></li>
<li><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></li>
<li><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></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro" rel="nofollow ugc">Custom Product Options WooCommerce Pro</a></li>
<li><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></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro" rel="nofollow ugc">Smart Appointment & Booking Pro</a></li>
<li><a href="https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro" rel="nofollow ugc">Smart Showcase for Google Reviews Pro</a></li>
<li><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></li>
</ul>
<h4>Getting Help With WordPress</h4>
If you have any difficulties while using this Plugin, please feel free to contact us at <a href="https://support.zealousweb.com/portal/en/home" rel="nofollow ugc">Support</a>
We also offer custom WordPress extension development and WordPress theme design services to fulfill your e-commerce objectives.
Our professional impassioned WordPress experts provide profound and customer-oriented development of your project within short timeframes.
Thank you for choosing a Plugin developed by <a href="https://www.zealousweb.com" rel="nofollow ugc">ZealousWeb</a>!
<h3>Functionality</h3>
This plugin utilizes third-party libraries to enhance its functionality:
<ul>
<li>Fancybox JS: 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>Fancybox CSS: 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>Isotope: 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.

Pathhan

Sharik Khan

Alexander

zish

fkfaisalkhan007

mohammadhanif

FARAZFRANK

A WP Life

The Responsive Filter Gallery plugin makes it simple to create beautiful, organized image displays on your WordPress site. Whether you need a professional portfolio showcase, a product catalog, or a creative photography album, this tool lets you sort content dynamically without page reloads.
Check Free Version Demo: <a href="https://wpfrank.com/demo/filter-gallery-free-wordpress-pluign/" rel="nofollow ugc">Filter Gallery</a> 
Check Pro Version Demo: <a href="https://wpfrank.com/demo/filter-gallery-pro/" rel="nofollow ugc">Filter Gallery Pro</a> 
More About Pro: <a href="https://wpfrank.com/wordpress-plugins/filter-gallery-pro/" rel="nofollow ugc">Filter Gallery Pro Features</a> 
Where To Buy: <a href="https://wpfrank.com/account/signup/filter-gallery-pro" rel="nofollow ugc">Buy Filter Gallery Pro</a>
<h4>Video Tutorials</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tV4AvFGgC2U?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>
We designed this plugin to be intuitive and lightweight. You can upload images, assign them to categories (filters), and let your visitors browse your work seamlessly. The gallery automatically adapts to desktops, tablets, and mobile screens, ensuring a perfect viewing experience everywhere.
<h4>Key Features</h4>
<ul>
<li>Responsive Design: Automatically adapts to any screen size.</li>
<li>Filterable Categories: meaningful tags to organize your projects or products.</li>
<li>Bootstrap Integrated: Built on the solid foundation of Bootstrap for reliability.</li>
<li>Easy Management: Simple drag-and-drop interface for ordering images.</li>
<li>Unlimited Galleries: Create as many distinctive galleries as you need.</li>
<li>Lightbox Support: Includes a built-in lightbox for viewing full-size images.</li>
<li>Shortcode System: precise placement of galleries anywhere on your site.</li>
</ul>
<h4>Pro Version Features</h4>
Unlock the full potential of your portfolios with the Pro Version:
<ul>
<li>Unlimited Filters: Create deep folder structures with parent and child filters.</li>
<li>Advanced Layouts: Choose from Masonry, multi-column (2, 3, 4), and more.</li>
<li>Custom Styling: Full control over colors for buttons, titles, and active states.</li>
<li>SEO Optimization: Add “Alt” text to images for better search engine visibility.</li>
<li>External Linking: Link gallery images to custom URLs.</li>
<li>Hover Effects: Choose from multiple distinct hover animations.</li>
<li>Premium Support: Get priority assistance for any questions.</li>
</ul>

Filter Gallery

Our plugin solves the filter gallery problem in a dynamic way. Like you can enable a lightbox with a gallery and during filtering the lightbox works dynamically, it shows those images in a lightbox that is filtered.

The Best Gallery Plugin with Filters

Build a responsive filter gallery for your portfolio. Organize images with filters in a stunning grid or masonry layout easily.

Grid Masonry for Guten blocks vs Filter Gallery