Roberto Bottalico

Improve your use of Gutenberg with the Visual Editor. Building your site will be even easier
You can easily:
<ul>
<li>View the outline of the blocks to better understand.</li>
<li>Change the color of the guidelines, toolbar,sidebar and mouver</li>
<li>View block names</li>
<li>Direct remove button on toolbar</li>
<li>Direct duplicate button on toolbar</li>
<li>Mouver change position</li>
<li>Auto open sidebar when click a block</li>
<li>PreDesigned Layout with native Gutenberg Blocks!</li>
</ul>
Extra!
New! Visual Templates and Layout library made with native gutenberg blocks!
The best intuitive visual editor!

Visual Editor For Gutenberg

Let's go!

Improve your use of Gutenberg with the Visual Editor.

DragBlock.Com

Sneeit.Com

Tim Codex

The “DragBlock” plugin enhances the WordPress Full Site Gutenberg Editor to support designing pixel perfect websites 
easily.
<iframe loading="lazy" title="Appearance Panel Introduction - DragBlock Plugin" width="750" height="422" src="https://www.youtube.com/embed/c0kgB-mBDTo?list=PLM7acJv8ZNtio0sPznKOGtxodBUOZWDYR" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>YOU CAN:</h3>
<a href="https://www.youtube.com/watch?v=c0kgB-mBDTo" title="Introduce Appearance Panel" rel="nofollow ugc">Add Appearance Styles</a>: to design perfect websites. You can also select devices for the styles to create responsive designs.
<a href="https://www.youtube.com/watch?v=KpjyBqkY-MY" title="Introduce Attributes Panel" rel="nofollow ugc">Add Tag Attributes</a>: like title, alt, placeholder… to improve both search engine optimization (SEO) and Core Web Vital Score.
<a href="https://www.youtube.com/watch?v=q90uCWkNRKA" title="Introduce Form Blocks" rel="nofollow ugc">Build Forms</a>: such as contact forms or any kind of forms. ContactForm7 and all other heavy form plugins are no longer needed
<a href="https://www.youtube.com/watch?v=zqqhUubFawY" title="Introduce Database Panel" rel="nofollow ugc">Query Database</a>: to load posts and other dynamic contents to your design.
<a href="https://www.youtube.com/watch?v=UTTi8Smuz3g" title="Introduce Interactions Panel" rel="nofollow ugc">Define Interactions</a>: like onClick, onMouseEnter onMouseLeave between blocks.
<a href="https://www.youtube.com/watch?v=KRILy2KsT60" title="Introduce Wrapper Toolbar" rel="nofollow ugc">Quick Styling</a>: via the block toolbars.
<a href="https://www.youtube.com/watch?v=bbnUsu-fXU4" title="Introduce Font Library" rel="nofollow ugc">Pick Google Fonts</a>: through the font library. You can also upload your custom font to the library.
Define multilingual texts: to support many languages without creating separate pages and designs
<h3>CREDITS AND CONTRIBUTION</h3>
Check my plugin at <a href="https://github.com/tiennguyenvan/wp.org.dragblock/" title="DragBlock GitHub OpenSource" rel="nofollow ugc">DragBlock GitHub</a>
<h3>DESIGN PHILOSOPHY</h3>
Our philosophy is “block oriented designing” (BOD) which means attaching everything related to a block to itself. By doing that, we can manage things related to an individual block easily and when removing a block, everything that is plugged into it, including server side scripts, client scripts, css and text definitions, will be completely removed as well. This will give a huge impact on improving the performance of websites and also saving the time for developers to not find and clean codes manually like before.
Moreover, we also want to get rid of the era when we treat users like babies by providing them inputs for everything. In the DragBlock, we provide users with dictionaries so they can grasp their layout properties completely without being smashed by a flood of many different kinds of inputs.
In summary, DragBlock empowers users to create professional-looking websites like an expert designer effortlessly with a fresh feeling of managing blocks with simplicity. Everything can be done within the Gutenberg editor, ushering in a new era of Full Site Editing with the DragBlock plugin.

DragBlock – WordPress Site & Page Builder with Advanced Blocks


I've been developing WordPress themes for quite some time now, and I recently had the pleasure of utilizing the Grid System and Responsiveness features of this plugin. It has made it incredibly easy to create complex grid layouts and ensure that your content looks stunning on all devices. Additionally, it achieves excellent speed and maintains a smaller DOM size compared to other plugins because it integrates seamlessly with the default Gutenberg editor.



Great plugin at all!


The best plugin grid system and features for the Gutenberg

The "DragBlock" plugin enhances the WordPress Full Site Gutenberg Editor to support designing pixel perfect websites easily.

Visual Editor For Gutenberg vs DragBlock – WordPress Site & Page Builder with Advanced Blocks