YellowPencil

<p>Professional real-time CSS editor for those who want to code CSS.</p>
<h4>Key Features</h4>
<ul>
<li>professional CSS Editor.</li>
<li>Real-time live preview.</li>
<li>Simple UI.</li>
</ul>


Custom CSS Pro


Thanks for making this.



JavaScript support, or similar plugin for JavaScript would be amazing! I know custom JS plugins exist, but they lack the simplicity.


Great work

Professional real-time CSS editor for those who want to code CSS.

Themeisle

Hardeep Asrani

<p>Blocks CSS allows you add custom CSS to your Blocks straight from the Block Editor (Gutenberg).</p>
<p>It adds a syntax-highlighted CSS Editor where you can add additional CSS to your Gutenberg Blocks to style them the way you want.</p>
<p>All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.</p>


Blocks CSS: CSS Editor for Gutenberg Blocks

This is must have plugin for Gutenberg Block Editor. Makes it so much easier to add css classes where you use the blocks! 

Excellent!

I think I just would not be able to use the block editor without this. Thank you so much for this plugin!

This plugin saved my life!


This is a great tool for what it does. The only confusing thing for me is that it says on .org that you have 11 blocks.  I couldn't spot any new ones after installing this plugin, nor found any settings.


This is a great tool for those wanting to use core blocks


Can't think of Block Editor without this. Tiny powerful thing. 



Only thing I hate in this plugin is the following line:



$render_css = empty( $file_name ) || strpos( $file_name, 'post-v2' ) === false;



This means if you deactivate Otter, your content might just break :( 


Completes Block Editor

Simple and great plugin!

Blocks CSS allows you add custom CSS to your Blocks straight from the Block Editor (Gutenberg).

Custom CSS Pro vs Blocks CSS: CSS Editor for Gutenberg Blocks