Justin Tadlock

Block Pattern Builder is a simple plugin that allows end-users to create custom block patterns within the WordPress plugin directory. The plugin currently requires Gutenberg 7.8+. Block patterns will be a part of core WordPress in the future. For now, Gutenberg is a hard requirement.
More information on block patterns can be found via the following links:
<ul>
<li><a href="https://wptavern.com/gutenberg-7-8-adds-patterns-api-and-continues-interface-cleanup" rel="nofollow ugc">Gutenberg 7.8 Adds Patterns API and Continues Interface Cleanup</a></li>
<li><a href="https://wptavern.com/block-patterns-will-change-everything" rel="nofollow ugc">Block Patterns Will Change Everything</a></li>
</ul>
<h3>How to Use the Plugin</h3>
After installing and activating the plugin, you should see a new “Block Patterns” menu item in your WordPress admin. From that point, you can create a new pattern just like you would any post or page. The process is the same.
The idea with patterns is to create a reusable pattern or section of blocks that you will use later. Once you publish a pattern, it will be available within the pattern library.
Now, go to any post or page. Click on the pattern icon. At the time of writing, that icon is in the top right corner of the block editor, but this will surely change in future versions of Gutenberg and WordPress. After clicking on the icon, you should see your custom pattern in the pattern library/list. Click on it. It will be inserted into your post.
As of version 1.1.0, users can create a block pattern directly from the editor. Click on the “more options” button (ellipsis icon) in the editor toolbar with at least one block selected. Then, click the “Add to Block Patterns” option.

Block Pattern Builder

Create custom block patterns from the WordPress admin. No coding required.

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

Basically works very well and is elegantly integrated. But you have to do a lot of clicks to change loading animation for instance. there are 3 accordions you constantly have to open/close and inside it is kind of context menu so you get kind of lost. And when you edit a page you can not see on the first sight which elements have an animation added. Would be nice to have an indicator for that like an outline or an icon appended to the block.

works good but UI needs improvements


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


My favorite animation tool


Adds professional animations to your website!Easy to use


Simply super

Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with delay and duration controls — no code needed.

Block Pattern Builder vs Blocks Animation: CSS Animations for Gutenberg Blocks