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

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

overengineer

An unofficial WordPress plugin to add a Lottie widget to the <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a>.
<h4>Features</h4>
<ul>
<li>Intuitive UI, everything is configurable directly within Elementor, through the widget’s controls</li>
<li>Manage and re-use animation data JSON files through the WordPress Media Library</li>
<li>Works with the latest version of Elementor (does not require Elementor Pro)</li>
<li>Includes several animation options, allowing you to customize:
<ul>
<li>The speed of the animation</li>
<li>Whether to autoplay on page load</li>
<li>Whether to loop or play once</li>
<li>Whether to play reversed</li>
<li>Whether to play on mouse over</li>
<li>Whether to stop, pause, or reverse on mouse out</li>
</ul>
</li>
<li>Includes several styling options, allowing you to customize:
<ul>
<li>The dimensions (width and max width) with responsive controls</li>
<li>Opacity, CSS filters, borders, and box shadow!</li>
</ul>
</li>
</ul>
<h4>Setup tutorial</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LYTTMPNQQZQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Animentor – Lottie & Bodymovin for Elementor

An Elementor extension that adds a widget for Lottie animations.

Blocks Animation: CSS Animations for Gutenberg Blocks vs Animentor – Lottie & Bodymovin for Elementor