Paul Allen

<p>Use the power of animate.css to animate Gutenberg blocks as they enter the viewport.</p>
<p>Just add an Animation Block ► and then put any blocks to be animated into the Animation Block.</p>
<h4>Main Features:</h4>
<ul>
<li>Animations from the Animate.css library.</li>
<li>Delay and Speed options.</li>
<li>Control Animation frequency.</li>
<li>Block z-index option.</li>
</ul>
<h4>Usage</h4>
<p><iframe loading="lazy" title="Gutenberg Animation Block" width="750" height="422" src="https://www.youtube.com/embed/dfhHUBwM-jU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><a href="https://www.youtube.com/watch?v=dfhHUBwM-jU" rel="nofollow ugc">View Guide on YouTube</a></p>


Animation Block

Pretty neat!

Use the power of animate.css to animate Gutenberg blocks as they enter the viewport.

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.

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