RobMO

<p>This block provides a way to add pricelists to your website. The block is specifically created to be easy to use, flexible and easy to modify quickly.</p>
<ul>
<li><strong>Simplicity:</strong> The block is as simple as it can be. It’s a block that creates a priclist. That’s what it’s for, nothing else. No confusing settings, styling of the fonts is inherited from your own stylesheet mostly.</li>
<li><strong>Flexibility:</strong> The block adapts to multiple sizes. So you can use it anywhere, in the sidebar, main content, footer, etc.. The line between the description and price will be automatically modified to fit inbetween the two parts. This also allows combining the block with other blocks.</li>
<li><strong>Maintainability:</strong> The block-settings to disable and enable some fields make the pricelists extremely easy to edit. You can e.g. just keep the prices editable and press tab, edit price, press tab, edit price, etc..</li>
</ul>
<h3>Further Documentation</h3>
<p>More examples and further documentation can be found <a href="https://pricelist-block.waardwebsites.nl/" rel="nofollow ugc">here</a>.</p>
<h3>Donations</h3>
<p>Donations for developing and maintaining this block are most welcome. Make a donation <a href="https://donate.stripe.com/8wMg1r5QEaOb2oodQQ" rel="nofollow ugc">on the donation page</a>.</p>
<h3>Source Code</h3>
<p>For those interested, the source code is <a href="https://github.com/RMo-Sloth/price-list-block-zebra" rel="nofollow ugc">available on GitHub</a>. A good understanding of React, TypeScript and SASS is indispensible to understand the codebase.</p>


Price List Block

You can use this pricelist block to create easily maintainable pricelists. All editing is done inside the block editor.

Themeisle

Hardeep Asrani

mariamunteanu1

<p>Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks in the most elegant way.</p>
<p>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.</p>
<p>All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.</p>


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.

Price List Block vs Blocks Animation: CSS Animations for Gutenberg Blocks