Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/melonpan-block-images" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-images" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/melonpan-block-images" rel="nofollow ugc">GitHub</a></p>
<p>Add a gallery of images in a simple but clean layout. The block comes with the following settings:</p>
<h3>Features</h3>
<p>The block comes with the following settings:</p>
<ul>
<li>Layout Vertical, Horizontal, Slider</li>
<li>Images separation</li>
<li>Cover size with aspect ratio</li>
<li>Responsive property</li>
<li>Fixed dimension for Horizontal and Slider layouts</li>
<li>Slider dot color</li>
</ul>
<p>Simple but created to be useful. Each image is rendered with the srcset property containing all sizes available. No scripts are added in the front-end.</p>
<h3>Usage</h3>
<p>The block can be found inside the blocks inserter menu under the <em>Melonpan Blocks</em> category.<br />
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel.</p>
<h3>Credits</h3>
<p>Screenshot images belong to <a href="https://unsplash.com/@charlpost" rel="nofollow ugc">Charles Postiaux</a>.</p>


Melonpan Block – Images

Add a gallery of images in a simple but clean layout.

AF themes

Blockspare

<p>Creating a professional blog, news or business site can take a lot of time: design, layout, post presentation, and responsive adjustments are all needed before you can launch. Many users want great-looking results but don’t want to write code or build layouts from scratch.</p>
<h3>The BlockSpare approach</h3>
<p>BlockSpare provides a library of <strong>starter templates</strong>, <strong>Gutenberg blocks</strong>, and <strong>patterns</strong> so you can assemble production-ready pages quickly. Instead of starting from an empty canvas, start from a thoughtfully designed block or template and adapt it for your brand.</p>
<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/JHNIdv4C690?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>BlockSpare delivers:<br />
* A large starter templates library (industry & niche specific)<br />
* Post presentation blocks (grids, sliders, carousels, masonry)<br />
* Business and utility blocks (pricing, testimonials, counters, CTAs)<br />
* Image & gallery blocks (carousel, masonry, logo grid)<br />
* One-click import and copy/paste patterns for fast builds</p>
<p>This lets you focus on content and customization — not repetitive layout work.</p>
<h3>Key features</h3>
<ul>
<li><strong>Starter Templates:</strong> 425+ pre-built pages, 125+ landing pages, 270+ sections, 55+ header/footer templates.  </li>
<li><strong>Post Presentation:</strong> Post Grid, Post List, Post Tile, Post Slider, Post Carousel, Post Masonry, Trending/Ticker.  </li>
<li><strong>Image & Gallery Blocks:</strong> Image Slider, Image Carousel, Masonry gallery, Logo grid.  </li>
<li><strong>Business & Utility Blocks:</strong> Services, Pricing Table, Price List, Testimonial, Call-to-Action, Counter, Progress Bar, Tabs, Accordion.  </li>
<li><strong>Customization Controls:</strong> Typography, color, spacing (gaps), box-shadow, borders, image radius, responsive settings.  </li>
<li><strong>Performance:</strong> Designed with lightweight code and minimal runtime overhead.  </li>
<li><strong>Compatibility:</strong> Works with Gutenberg-compatible themes and other editor plugins.  </li>
<li><strong>Workflow:</strong> Save and reuse templates (My Patterns), copy/paste sections between posts/pages, and one-click starter template imports.</li>
</ul>
<h3>Starter templates & demos (highlights)</h3>
<p>Choose a starter tailored to your site type — import in one click and edit.</p>
<ul>
<li><strong>News & Magazine:</strong> General News, Sports, Entertainment  </li>
<li><strong>Lifestyle:</strong> Fashion & Lifestyle, Travel, Recipes  </li>
<li><strong>Business & Agency:</strong> Corporate, Agency, Legal, Construction  </li>
<li><strong>Education & Nonprofit:</strong> Education, Montessori, Charity  </li>
<li><strong>Healthcare & Services:</strong> Medical, Fitness, Dentist  </li>
<li><strong>Other niches:</strong> Real Estate, Restaurant, Auto Service, Pet Care, Technology</li>
</ul>
<p>Browse all starter templates: https://www.blockspare.com/starter-templates/</p>
<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/elLCTqnQMI0?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>
<h3>Blocks & Layouts (examples)</h3>
<p><strong>Post / News blocks</strong><br />
* Hero banners (multiple layouts)<br />
* Flash Posts / News Ticker<br />
* Trending Posts carousel<br />
* Post Grid / Post Tile / Post List / Post Express Grid & List<br />
* Post Slider & Post Carousel<br />
* Post Timeline / Post Full / Post Large (Full)</p>
<p><strong>Image & media</strong><br />
* Image Carousel<br />
* Image Masonry<br />
* Image Slider<br />
* Logo Grid</p>
<p><strong>Business & general</strong><br />
* Section Header<br />
* Content Box / Container<br />
* Button, Icon, Icon List<br />
* Counter, Progress Bar<br />
* Pricing Table, Price List<br />
* Testimonial, User Profile / Author box<br />
* Tabs, Accordion, Notice Bar, Date & Time</p>
<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/keMO48vPIxY?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>(Individual block demos: https://www.blockspare.com/blocks/)</p>
<h3>How it works (three steps)</h3>
<ol>
<li><strong>Choose a template or block</strong> from the Patterns Library or demo gallery.  </li>
<li><strong>Import or copy</strong> the pattern into a page or post.  </li>
<li><strong>Customize</strong> typography, colors, and content with Gutenberg and publish.</li>
</ol>
<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/jmuK1o6U9mQ?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>


BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor

Build blogs, magazines, and business sites with ready-to-use Gutenberg blocks and starter templates. No coding needed.

Melonpan Block – Images vs BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor