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

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

uicore

<p>UiCore Animate adds page transitions, smooth scroll, and engaging animations to Elementor and Gutenberg blocks, for smoother, engaging experiences.</p>
<h3>Unleash the Power of Animations in Elementor and Gutenberg</h3>
<p>UiCore Animate is the ultimate tool for creating stunning animations in Elementor and Gutenberg, giving you the ability to easily add eye-catching effects, smooth transitions, and dynamic interactions to your WordPress site.</p>
<h3>Key Features of UiCore Animate</h3>
<p>Quick & Easy Animations: Say goodbye to time-consuming manual animations. With UiCore Animate, you can effortlessly add animations to any widget in Elementor or Gutenberg in just a few clicks, saving you time and improving design quality.</p>
<p>Animate Multiple Widgets at Once: Apply animations to multiple widgets simultaneously, ensuring consistency and cohesion across your entire site.</p>
<p>Scroll-Based Animations & Entrance Effects: Create captivating animations that trigger as elements come into view or during scrolling. Control the timing, style, and delay for a fully immersive user experience.</p>
<p>Wide Range of Animation Presets: Choose from a diverse set of animation presets to replace default animations in Elementor and Gutenberg. Whether you prefer playful or sleek effects, UiCore Animate has the perfect option for you.</p>
<p>Smooth Scrolling Navigation: Enhance your site’s user journey with smooth scroll capabilities, paired seamlessly with animations for a captivating browsing experience.</p>
<p>Page Transitions & Preloaders: Craft engaging user journeys with polished page transitions and customizable preloaders, maintaining a consistent and professional look.</p>
<p>Creative Effects: Extend your widgets with unique effects like fluid gradients, floating animations, sticky reveals on scroll, and animated borders, making your design truly stand out.</p>
<h3>Boost Engagement & Improve User Experience</h3>
<p>UiCore Animate is designed to enhance the visual appeal of your website while improving user interaction. Whether you’re building a portfolio, a business website, or a blog, this plugin is perfect for creating memorable experiences that keep visitors engaged.</p>
<h3>How to add aniamtions to any gutenberg block</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tMsAp68d530?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></span>
<h3>How to use Animate Controller in Elementor</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/L6UddkUrmk8?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></span>


UiCore Animate – Free Animations, Transitions, and Interactions Addon for Elementor & Gutenberg blocks

UiCore Animate adds page transitions, smooth scroll, and engaging animations to Elementor and Gutenberg blocks, for smoother, engaging experiences.

Blocks Animation: CSS Animations for Gutenberg Blocks vs UiCore Animate – Free Animations, Transitions, and Interactions Addon for Elementor & Gutenberg blocks