designupjp

This plugin includes custom blocks that empower you to build layouts directly within the WordPress editor functionality. You can use the blocks to create responsive sites and original layout patterns.
Source Code / Development
The source code for OrigamiUI is publicly available on GitHub. You are welcome to review the code, report issues.
<ul>
<li>GitHub Repository: <a href="https://github.com/takeshi-du/origamiui" rel="nofollow ugc">origamiui</a></li>
</ul>

OrigamiUI

Provides custom blocks for building layouts within the WordPress editor.

Gridly Design Overlay

Gridly Design Overlay adds a front-end grid overlay that helps developers and site builders check responsive layout alignment while working on WordPress sites.
The plugin includes a settings page under Settings where administrators can configure:
<ul>
<li>Overlay visibility.</li>
<li>Overlay color.</li>
<li>Overlay opacity.</li>
<li>Desktop grid container width.</li>
<li>Desktop, tablet, and mobile columns.</li>
<li>Desktop, tablet, and mobile gaps.</li>
<li>Desktop, tablet, and mobile side spacing.</li>
</ul>
Tablet settings apply from 480px through 1024px. Mobile settings apply up to 479px.

Adds a responsive grid overlay to help check WordPress layouts during development.

OrigamiUI vs Gridly Design Overlay