diveinwp

Divein Builder is a drag and drop page builder to create post and page content visually with a very lightweight user friendly interface.
Metallic Design Interface. The clean metallic design helps users to recognize containers, columns and elements.
Responsive design. Pages and posts created with Divein Builder will be automatically responsive. However it is possible to set responsive values for almost all design fields including column size.
Advanced design fields. With our advanced design fields it is possible to create pixel perfect design exactly like a psd design.
Export import. With Divein Builder it is possible to export a section of a page and import it to another page even in a different site. Any container section from our demos can be exported and imported to your site.

Divein Builder

Advanced drag and drop page builder plugin. Create pages and posts visually with any theme, any template, any design.

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" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/c0kgB-mBDTo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLM7acJv8ZNtio0sPznKOGtxodBUOZWDYR" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></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>
The icon feature is an improvision of <a href="https://wordpress.org/plugins/icon-block/" title="Icon Block Plugin" rel="ugc">The Icon Block</a> of Nick Diego. Thank you very much, Nick!
If you want to contribute to my plugin, check it 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.

Divein Builder vs DragBlock – WordPress Site & Page Builder with Advanced Blocks