Dennys Dionigi

This plugin revolutionizes the Gutenberg editing experience by introducing groundbreaking visible guidelines for blocks . 
These guidelines, seamlessly integrated into the WordPress backend, serve as visual aids that dramatically enhance the readability and organization of blocks. With these clear visual cues, users can effortlessly identify block edges, alignment points, and content boundaries, leading to an unparalleled level of precision and control. This enhanced visual clarity not only simplifies block manipulation but also elevates the overall user experience, making block editing a breeze.
<h3>Context</h3>
Gutenberg is the code name for the new block based editor introduced in WordPress 5. It replaces the classic WordPress editor which is built on TinyMCE.
It is a significant change in how content is created.
With Gutenberg, you can add multiple media types and arrange the layout within the editor using blocks. 
WordPress is changing the editor to make it more approachable to non-coders.
The main problem is that: blocks backend Ui is not as clear and intuitive as it should be.

Block Styling Backend

I tested myself, and lol... I am also the coder behind itself.
But.. hey!

It works and it's also a missing feature that may improve the Blocks Ui, as it may help also color blindness people.

It just works.

It makes it easier to navigate Gutenberg blocks. Fell in love with it. Great work. 



Loved it

A simple plugin that tries making Gutenberg's blocks a friendly tool.

Ciprian

Note: The plugin has been adopted and is under development. A lighter version is now available and more releases will be pushed in the near future. Stay tuned and report bugs or code inconsistencies.
*Note:** A new version is coming with fully compatible editor blocks, design patterns, a reusable block library and a UI kit.
A Modern Design Library toolkit for creating separators, lines, dividers, decorative elements and more.
The library currently includes a colored line block.
Read more on <a href="https://getbutterfly.com/wordpress-plugins/modern-design-library-ui/" rel="nofollow ugc">getButterfly</a>.

Modern Design Library

A Modern Design Library toolkit for creating separators, lines, dividers, decorative elements and more.

Block Styling Backend vs Modern Design Library