Coderz Studio

<p>FlexiLayouts extends the WordPress block editor with powerful layout options and animations. Easily convert Gallery block into a responsive and stunning masonry grids without writing a single line of code.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Masonry Grids</strong>: Create beautiful masonry layouts in gallery block</li>
<li><strong>Responsive Controls</strong>: Fine-tune settings for different screen sizes</li>
<li><strong>Performance Optimized</strong>: Built with modern JavaScript and CSS</li>
</ul>
<h4>Source files</h4>
<p><a href="https://github.com/coderz-studio/flexilayouts" rel="nofollow ugc">github</a></p>
<h4>Supported Blocks</h4>
<ul>
<li>Core/Gallery</li>
</ul>


FlexiLayouts

Transform core gallery block into a responsive and beautiful masonry grid with just a few clicks.

Katsushi Kawamori

<h4>Add the effect of Masonry to image.</h4>
<ul>
<li>Supports block and shortcode.</li>
<li>Add effect to images inserted into WordPress posts, custom posts and pages.</li>
<li>Add effect to the WordPress gallery.</li>
<li>Apply the effect by embedding the shortcode into text field.</li>
<li>Apply the effect by embedding the shortcode into template.</li>
</ul>
<h4>How it works</h4>
<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/aB_8p_6pFOE?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>


FlexiLayouts vs Simple Masonry Gallery