haroondev

<p>SectionCraft is a powerful Gutenberg container block that gives you full control over your page sections.</p>
<p><strong>Features:</strong></p>
<ul>
<li><strong>Width Presets</strong> — Choose from 830px, 1024px, 1131px, 1329px, 1593px, 1906px, Full Width, or a Custom width</li>
<li><strong>Padding Control</strong> — Set Top, Bottom, Left, Right padding individually for desktop and mobile</li>
<li><strong>Background Options</strong> — Solid color or gradient background (with angle and dual-color support)</li>
<li><strong>Background Shapes</strong> — Add decorative SVG shapes (Circle, Square, Blob, Triangle, Ring) with full position, size, opacity, rotation, and color control</li>
<li><strong>Image Shapes</strong> — Use custom images as background decorative elements</li>
<li><strong>Allow Overlap</strong> — Option to let the block overlap adjacent elements</li>
</ul>


SectionCraft

A Gutenberg container block with width control, background shapes, images, and gradient support.

Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/melonpan-block-container" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-container" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/melonpan-block-container" rel="nofollow ugc">GitHub</a></p>
<p>Block that provides a container, with styling features, which can have other blocks nested.</p>
<h3>Features</h3>
<p>The block comes with the following settings:</p>
<ul>
<li>Background image, fixed, color & opacity</li>
<li>Content align, max-width, text color</li>
<li>Border width, color & opacity</li>
<li>Shadow width, color & opacity</li>
<li>Padding top, bottom, left, right, responsive paddings</li>
</ul>
<h3>Plugin developers</h3>
<p>The plugin comes with a filter to register your own block based on this one. Check the <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-container/registering-a-custom-block" rel="nofollow ugc">documentation</a> to see how to use it.</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 and add blocks inside (you may even add a container).</p>
<h3>Credits</h3>
<p>Screenshot background image belongs to <a href="https://unsplash.com/@charlpost" rel="nofollow ugc">Charles Postiaux</a>.</p>


Melonpan Block – Container

Block that provides a container, with styling features, which can have other blocks nested.

SectionCraft vs Melonpan Block – Container