epiqueras

Carbon Code
<h4>The easiest way to create beautiful images of code comes to Gutenberg, the WordPress block editor!</h4>
<h3>How To</h3>
<ul>
<li>Add a \”Carbon Code\” Block to your post.</li>
<li>Write your code directly in the editor, copy/paste, or even drag a file into it.</li>
<li>Use the toolbar to customize the syntax highlighting theme, background color/image, window effects/paddings, fonts, and even upload your own. Then save your customizations as a preset.</li>
<li>Brace for awesomeness!</li>
<li>Your preview or published post will render your customized block with a handy copy to clipboard button.</li>
</ul>
<h3>Thanks</h3>
To everyone who worked on <a href="https://github.com/dawnlabs/carbon" rel="nofollow ugc">Carbon</a>, which this project forked.

Carbon Code

Adds the beautiful code editor from carbon.now.sh to the block editor.

Themeisle

Hardeep Asrani

mariamunteanu1

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.
The UI for Blocks Animation feels so native and intuitive, you won’t even notice it’s installed. Just install, and you will see animation settings in all the blocks, right in the Block Settings Sidebar.
All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.

Blocks Animation: CSS Animations for Gutenberg Blocks


The perfect complement to bring life to the elements of my website.


My favorite animation tool

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.

Carbon Code vs Blocks Animation: CSS Animations for Gutenberg Blocks