Kevin Batdorf

<p>Using a fast, simple, native technique, the Animate In View block will watch over inner blocks you add within it and when they come into the user’s view, it will simply fade and optionally slide in.</p>
<p>Trigger simple, smooth, modern animations as the content enters the screen.</p>
<ul>
<li>Follow <a href="https://twitter.com/kevinbatdorf" rel="nofollow ugc">@kevinbatdorf</a> on Twitter</li>
<li>View on <a href="https://github.com/KevinBatdorf/animate-in-block" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>Both lightweight and fast, and only does one thing.</li>
<li>Set a threshold for when the block starts to animate.</li>
<li>Run only once, or each time it comes in/out of view.</li>
<li>Wrap any existing block with the Animate In block with the push of a button.</li>
<li>Transition in left, right, or neither (fade only).</li>
<li>Fade only mode: Set the starting position to “none”</li>
<li>Change the class name used to add your own custom animations.</li>
</ul>
<h4>General Tips & Tricks</h4>
<ul>
<li>You can wrap the currently selected block with an Animate In View block by pressing the icon toward the end of the toolbar.</li>
<li>You may need to place the block within a group block to ensure content styling is consistent. Some themes may require a group block be at the top level. Alternatively, the Animate In View block has alignment controls enabled just in case.</li>
<li>You may need to tweak things if your layouts have custom classes or styles applied. Try copy/pasting the classes, or try to nest the blocks in a way that doesn’t affect the theme styling.</li>
<li>Nest blocks to stagger animations. The animations won’t start until all are in view, then one by one. But make sure you don’t use an area too large for the viewport.</li>
<li>The Animate In View block comes with a single nested group block by default, but you may use others as well.</li>
<li>Use the list view to drag and drop blocks into the Animate In View block.</li>
<li>Open an issue if you need an assist. I’m happy to take a look.</li>
</ul>


Animate In View

Fade and slide in your blocks with style as they enter into the user's view.

DotCamp

Istiak Rayhan

Imtiaz Rayhan

Saad

<p>ConvertForce Popup Builder helps you convert more visitors into subscribers and customers with beautiful, lightweight popups, top bars, bottom bars, and floating notification banners built right inside the WordPress Block Editor.</p>
<p>Whether you want to promote an offer, show announcements, or grab attention with sticky bars and alert messages, ConvertForce makes it easy.</p>
<h4>Key Features</h4>
<ul>
<li>🔥 Create Popups & Bars Using WordPress Block Editor – Use native blocks to design popups, banners, and bars just like any other block-based content.</li>
<li>📢 3 Display Types Out of the Box – Notification Bar (top/bottom), Lightbox, and Slide-in.</li>
<li>🎯 Conversion-Focused Templates (Coming Soon) – Pre-built designs for announcement bars, alert banners, promotion bars, and more.</li>
<li>🎨 Customizable Appearance – Set width, background, animation, sticky behavior, and positioning (top or bottom).</li>
<li>🧩 Works With All Themes & Plugins – Fully compatible with all WordPress themes and block plugins.</li>
<li>⚡ Blazing Fast and Lightweight – Loads only what’s needed. No bloat, no performance drag.</li>
</ul>
<h4>Great for</h4>
<ul>
<li>Creating announcement or alert bars</li>
<li>Promoting limited-time offers or discounts</li>
<li>Displaying sticky notices or banners</li>
<li>Boosting visibility of CTAs and updates</li>
</ul>
<p>No coding needed. Just install, design, and convert.</p>


ConvertForce – Notification Bars

A lightweight popup and notification bar plugin to boost your conversions without slowing down your site.

Animate In View vs ConvertForce – Notification Bars