Animate In View
Fade and slide in your blocks with style as they enter into the user's view.
The facts
- Rating
- 4.5★ from 2
- Active installs
- 1k+
- Price
- Free
- Last updated
- 17 Aug 2026
- Added
- Apr 2022
- Requires WP
- 5.9
- Tested up to
- WP 7.1
- Requires PHP
- 7.0
- Downloads
- 15,597
Our analysis
AI-assistedAnimate In View is a WordPress plugin that allows you to create animations for inner blocks as they enter the user's view. The plugin uses a simple technique to trigger fade and slide animations, enhancing the visual appeal of your content. It is suitable for users looking to add engaging animations to their WordPress sites without complex setups.
The plugin offers features such as setting animation thresholds, choosing whether animations run once or each time content comes in and out of view, and the ability to wrap existing blocks easily. You can also customise animation classes for more control over the effects.
Best for: This plugin suits WordPress users who want to enhance their site's visual content with animations.
What it does well
- ✓Lightweight and fast
- ✓Allows for fade and slide animations
- ✓Customisable animation settings
- ✓Easy to wrap existing blocks
- ✓Compatible with WordPress 7.1 and PHP 7.0
Where it falls short
- •Limited information on advanced features
- •May require adjustments for custom themes
Verdict
Animate In View provides a straightforward way to add animations to blocks in WordPress. It is a useful tool for those looking to improve user engagement through visual effects.
From the developer
Kevin Batdorf's own description of Animate In View, lightly tidied.
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.
Trigger simple, smooth, modern animations as the content enters the screen.
- Follow @kevinbatdorf on Twitter
- View on GitHub
Features
- Both lightweight and fast, and only does one thing.
- Set a threshold for when the block starts to animate.
- Run only once, or each time it comes in/out of view.
- Wrap any existing block with the Animate In block with the push of a button.
- Transition in left, right, or neither (fade only).
- Fade only mode: Set the starting position to “none”
- Change the class name used to add your own custom animations.
General Tips & Tricks
- You can wrap the currently selected block with an Animate In View block by pressing the icon toward the end of the toolbar.
- 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.
- 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.
- 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.
- The Animate In View block comes with a single nested group block by default, but you may use others as well.
- Use the list view to drag and drop blocks into the Animate In View block.
- Open an issue if you need an assist. I’m happy to take a look.