WordPress plugin intelligence profile

Animate In View

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

WP PlugIndex snapshot

Current directory snapshot

Tested up to WordPress 7.1
Current version1.2.4
WordPress coverageTested up to WordPress 7.1
Minimum stackWP 5.9 · PHP 7.0
Directory statusactive
Last directory update17 Aug 20262mo ago
Active installations1K+Adoption metric — not a quality score
WordPress.org rating4.5 / 5 from 2 ratings
Official packageDirect from WordPress.org

Repository metrics are context, not quality scores. Active installations measure adoption and can strongly reflect a plugin’s age and historical popularity. Ratings, recent updates and “Tested up to” metadata also do not guarantee modern code, error-free operation, security, feature completeness or suitability for a particular site. Why active installs don’t tell the whole story →

WP PlugIndex currently records Animate In View version 1.2.4 as active, updated 2mo ago and tested up to WordPress 7.1.

Overview

About this plugin

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.
WordPress.org metadata

Plugin tags

Topics listed for this plugin in the WordPress.org directory.

  • slide in
  • animate
  • block
  • fade
  • screen
Compatibility & maintenance

Compatibility & maintenance

Tested with WP 7.1

Marked as tested with the current WordPress 7.1 release.

Current WordPress releaseWordPress 7.1
WordPress.org Tested up to7.1
Minimum requirementsWordPress 5.9 · PHP 7.0
Update activity17 Aug 20262mo ago

“Tested up to” is directory metadata supplied by the plugin author. WP PlugIndex does not turn an older declaration into a claim that the plugin is incompatible.

Changes recorded by WP PlugIndex

Recent tracked changes

No tracked version or compatibility changes have been recorded by WP PlugIndex yet.

Tracking & source

WP PlugIndex tracks public WordPress.org directory metadata and records selected version, compatibility and availability changes as they are detected.

Plugin watchlist

Watch this plugin

Sign in to your WP PlugIndex account or create a free account. Free accounts can watch up to 5 plugins and see what changed.

Watch limit

Watchlist limit reached

You have reached your current active watch limit.