Helmut Wandl

<p><strong>Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code.</strong></p>
<p>✔ <strong>fastest way</strong> to create your block for Gutenberg<br />
✔ Incredibly <strong>easy and intuitive</strong> to use<br />
✔ Your custom blocks are <strong>completely WYSIWYG (no form)</strong></p>
<p>—</p>
<h4>Tutorial (create an address block for Gutenberg):</h4>
<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/myBzUr0q3UU?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>
<p><a href="https://youtu.be/myBzUr0q3UU" rel="nofollow ugc">open tutorial on YouTube</a></p>
<p>—</p>
<h4>Live Preview</h4>
<p>Test the latest version here:<br />
> > > <strong><a href="https://livepreview.blockdesigner.net/" rel="nofollow ugc">open LIVE PREVIEW</a></strong> < < <</p>
<p>—</p>
<h4>Supported Elements</h4>
<ul>
<li>HTML Element</li>
<li>Icon</li>
<li>Static Text</li>
<li>Author Image</li>
<li>Author Link</li>
<li>Author RichText</li>
<li>Inner Blocks</li>
</ul>
<h4>Supported Styles</h4>
<ul>
<li>Display (block, flex, inline-block, inline, none)</li>
<li>Flex (direction, reverse, align, justify, gap, wrap)</li>
<li>Flex Child (shrink, grow, align self)</li>
<li>Spacing (margin, padding)</li>
<li>Size (width, height, min-width, min-height, max-width, max-height)</li>
<li>Overflow (visible, hidden, scroll, auto)</li>
<li>Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration)</li>
<li>Border (radius, style, width, color)</li>
<li>Background (color, linear-gradient, radial-gradient)</li>
<li>Effects (box-shadow)</li>
</ul>
<h4>How it works</h4>
<ol>
<li>
<p><strong>Design your block</strong></p>
<p>First you design your block in the <em>Block Designer</em> with different HTML elements and styles.</p>
<p>You can define areas where authors can insert images and text in the <em>WordPress Block Editor</em>.</p>
<p>After you designed your block, you only need to enable and save it.</p>
</li>
<li>
<p><strong>Use your block</strong></p>
<p>If you enabled and saved your block, you will find your block in the Inserter panel of the <em>WordPress Block Editor</em>.</p>
<p>Just insert it as you know it from ordinary blocks.</p>
<p>If you have defined areas for author input, you can add your content now.</p>
<p>Save your page/post and enjoy your result on your site 😉</p>
</li>
</ol>
<h4>More from the same author</h4>
<p>Click here: <a href="https://www.wppeak.com/" rel="nofollow ugc">wppeak.com</a></p>


Block Designer – Create Custom Blocks for Gutenberg Editor

Create and design custom blocks for the WordPress Gutenberg Block Editor without any line of code.

Akrit Singha

<p>Modular Blocks Core is a powerful yet lightweight WordPress plugin that allows you to create custom, reusable Gutenberg blocks without the bloat of third-party page builders. Built for developers and power users who want full control over their code while maintaining optimal site performance.</p>
<h3>Key Features</h3>
<ul>
<li><strong>🎨 Custom Block Builder</strong> – Create unlimited custom Gutenberg blocks with an intuitive admin interface</li>
<li><strong>⚡ Lightweight & Fast</strong> – Zero bloat, minimal overhead, loads assets only when needed</li>
<li><strong>🔄 Block Inheritance</strong> – Fork blocks into inherited versions for page-specific modifications</li>
<li><strong>📝 Advanced Code Editors</strong> – Integrated CodeMirror editors for PHP, CSS, and JavaScript</li>
<li><strong>💾 Import/Export</strong> – Share blocks between sites or backup your work</li>
<li><strong>🎯 Dynamic Content</strong> – Full PHP support for dynamic, data-driven blocks</li>
<li><strong>🛡️ Royal Classic UI</strong> – Beautiful, modern admin interface with glassmorphism design</li>
<li><strong>🔍 Smart Search</strong> – Quickly find and manage all your custom blocks</li>
<li><strong>📦 Zero Dependencies</strong> – No reliance on third-party libraries or frameworks</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li>Developers building custom WordPress themes</li>
<li>Agencies managing multiple client sites</li>
<li>Site owners who want full control without page builder bloat</li>
<li>Anyone seeking maximum performance and maintainability</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Create custom blocks using the built-in admin interface</li>
<li>Write your block’s HTML, CSS, and JavaScript (or PHP for dynamic content)</li>
<li>Blocks are automatically compiled and registered with Gutenberg</li>
<li>Use your blocks in the WordPress editor like any native block</li>
<li>Inherit and modify blocks for specific pages without affecting the original</li>
</ol>
<h3>Technical Highlights</h3>
<ul>
<li><strong>Clean Architecture</strong> – Modular, well-organized codebase</li>
<li><strong>WordPress Standards</strong> – Follows all WordPress coding standards and best practices</li>
<li><strong>Performance Optimized</strong> – Conditional asset loading, minimal database queries</li>
<li><strong>Extensible</strong> – Built with developers in mind, easy to extend and customize</li>
<li><strong>CPT-Based Storage</strong> – Uses WordPress Custom Post Types for block management</li>
<li><strong>Compiled Output</strong> – Generates optimized block files stored in wp-uploads</li>
</ul>
<h3>Credits</h3>
<p>Developed by <strong>Akrit Singha</strong> with a focus on performance, simplicity, and developer experience.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit the <a href="https://wordpress.org/support/plugin/modular-blocks-core/" rel="ugc">plugin support forum</a>.</p>
<h3>Privacy</h3>
<p>This plugin does not collect or transmit any user data. All block definitions and content remain on your WordPress installation.</p>


Modular Blocks Core

A lightweight, custom framework for building dynamic, reusable Gutenberg blocks with minimal overhead and maximum performance.

Block Designer – Create Custom Blocks for Gutenberg Editor vs Modular Blocks Core