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>Only HTML & CSS</h4>
<ul>
<li>Create an HTML and CSS only block. The display does not collapse even if the plugin is deactivate.</li>
</ul>
<h4>Masonry settings</h4>
<ul>
<li>Width</li>
<li>Space</li>
<li>Rounded Images</li>
</ul>
<h4>Slider settings</h4>
<ul>
<li>Interval</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/aQsExk6eDhs?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>


Simple Block Gallery

Add the effect of Masonry and Slider to images.

FlexiLayouts vs Simple Block Gallery