lubus

Ajit Bohra

<blockquote>
Disclaimer: Experimental feature plugin to extend gutenberg block. Have a suggestion feel free to send a PR or <a href="https://github.com/lubusIN/block-background/issues" rel="nofollow ugc">open an issue</a>.
</blockquote>
Extend gutenberg blocks with additional background options
Usage
<ul>
<li>Simply activate and new options for background will be added to inspector / sidebar options</li>
<li>Insert block of your choice add set background options</li>
<li>Live preview of background changes in your editor</li>
</ul>
Roadmap
<ul>
<li>More customization options</li>
</ul>
If you have any suggestions/Feature request that you would like to see in the upcoming releases , feel free to let us know in the <a href="https://github.com/lubusIN/block-background/issues" rel="nofollow ugc">issues section</a>

Block Background

works fine. i'd update the docs page, on how to implement own color palettes, as this was something i had to figure out myself. here is a manual.

works as expected

Extend gutenberg blocks with additional background options

Kelly Choyce-Dwan

Inspired by the <a href="https://css-tricks.com/grainy-gradients/" rel="nofollow ugc">grainy gradient trend</a>, this block is a decorative element you can add to your site. It can be used as a separator between content, or put it in a column next to text to jazz up your posts.
You can control the block’s height, the gradient used, and the “grain type”. There are 4 variations of the block with different grain textures: a default noise texture, horizontal lines, vertical lines, and a large, blobby texture (which reminds me of a lava lamp).
Head over to <a href="https://github.com/ryelle/grainy-gradient-block" rel="nofollow ugc">the GitHub repo</a> for the development version, or to suggest new features.

Grainy Gradient Block

A gradient with a little noise to it, this spacer block will add visual interest to your posts and pages.

Block Background vs Grainy Gradient Block