Mold Themes

Mold Blocks provides a comprehensive suite of custom Gutenberg blocks that extend the default WordPress block editor capabilities. Perfect for designers, developers, and site builders who want to create stunning websites without writing code. 
<a href="https://moldblocks.moldthemes.com/" rel="nofollow ugc">Demo</a>
<h3>Features</h3>
<ul>
<li>Advanced Navigation Blocks: Enhanced navigation with mega menu support, custom positioning, and hover effects</li>
<li>Interactive Components: Carousels, accordions, tabs, and modals for engaging user experiences</li>
<li>Content Blocks: Text animations, counters, step-by-step guides, and more</li>
<li>Media Blocks: Image grids, video players, logo carousels, and product galleries</li>
<li>Utility Blocks: Loading animations, scroll-to-top buttons, dividers, and links</li>
<li>Performance Optimized: Built with modern React standards and optimized for speed</li>
<li>Fully Responsive: All blocks work perfectly on desktop, tablet, and mobile devices</li>
<li>SEO Friendly: Clean, semantic HTML output that search engines love</li>
<li>Theme Independent: Works with any modern WordPress theme</li>
</ul>
<h3>Available Blocks</h3>
<ul>
<li>Header Wrap: Advanced header container with customization options</li>
<li>Navigation Wrap: Enhanced navigation with mega menu support</li>
<li>Div: Flexible divider and spacing block</li>
<li>Link: Advanced link with styling options</li>
<li>Submenu: Enhanced submenu with column support</li>
<li>Banner: Eye-catching banner blocks with animations</li>
<li>List: Customizable list blocks</li>
<li>Step: Step-by-step process blocks</li>
<li>Loading: Loading animation blocks</li>
<li>Icon: Icon blocks with extensive icon library</li>
<li>Material Icon: Google Material Design icons</li>
<li>Text Column: Multi-column text layouts</li>
<li>Text Animate: Animated text effects</li>
<li>Text Rotate: Text rotation animations</li>
<li>Counter: Animated number counters</li>
<li>Tab: Tabbed content blocks</li>
<li>Accordion: Collapsible content sections</li>
<li>Image Grid: Responsive image galleries</li>
<li>Logo Carousel: Client/partner logo sliders</li>
<li>Carousel: Content sliders and carousels</li>
<li>Carousel Item: Individual carousel slides</li>
<li>Read Time: Estimated reading time blocks</li>
<li>Modal: Popup and modal blocks</li>
<li>Video: Video player blocks</li>
<li>Scroll Top: Back-to-top button</li>
<li>Product Gallery Carousel: WooCommerce product galleries</li>
</ul>

Mold Blocks – Website Builder for the Block Editor | Gutenberg


you can do lots of stuff. Amazing. liked the blocks.


necessary blocks to powerup Gutenberg blocks

A comprehensive collection of professionally designed Gutenberg blocks to enhance your WordPress site building experience.

Helmut Wandl

Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code.
✔ fastest way to create your block for Gutenberg 
✔ Incredibly easy and intuitive to use 
✔ Your custom blocks are completely WYSIWYG (no form)
—
<h4>Tutorial (create an address block for Gutenberg):</h4>
<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>
<a href="https://youtu.be/myBzUr0q3UU" rel="nofollow ugc">open tutorial on YouTube</a>
—
<h4>Live Preview</h4>
Test the latest version here: 
> > > <a href="https://livepreview.blockdesigner.net/" rel="nofollow ugc">open LIVE PREVIEW</a> < < <
—
<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>
Design your block
First you design your block in the Block Designer with different HTML elements and styles.
You can define areas where authors can insert images and text in the WordPress Block Editor.
After you designed your block, you only need to enable and save it.
</li>
<li>
Use your block
If you enabled and saved your block, you will find your block in the Inserter panel of the WordPress Block Editor.
Just insert it as you know it from ordinary blocks.
If you have defined areas for author input, you can add your content now.
Save your page/post and enjoy your result on your site 😉
</li>
</ol>
<h4>More from the same author</h4>
Click here: <a href="https://www.wppeak.com/" rel="nofollow ugc">wppeak.com</a>

Block Designer – Create Custom Blocks for Gutenberg Editor

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

Mold Blocks – Website Builder for the Block Editor | Gutenberg vs Block Designer – Create Custom Blocks for Gutenberg Editor