Title: Elliott Richmond Tabs Animation
Author: Elliott Richmond
Published: <strong>August 18, 2026</strong>
Last modified: August 19, 2026

---

Search plugins

![](https://ps.w.org/elliott-richmond-tabs-animation/assets/banner-772x250.png?rev
=3654636)

![](https://ps.w.org/elliott-richmond-tabs-animation/assets/icon.svg?rev=3654636)

# Elliott Richmond Tabs Animation

 By [Elliott Richmond](https://profiles.wordpress.org/erichmond/)

[Download](https://downloads.wordpress.org/plugin/elliott-richmond-tabs-animation.0.2.0.zip)

 * [Details](https://wordpress.org/plugins/elliott-richmond-tabs-animation/#description)
 * [Reviews](https://wordpress.org/plugins/elliott-richmond-tabs-animation/#reviews)
 *  [Installation](https://wordpress.org/plugins/elliott-richmond-tabs-animation/#installation)
 * [Development](https://wordpress.org/plugins/elliott-richmond-tabs-animation/#developers)

 [Support](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/)

## Description

The core Tabs block (WordPress 7.1+) shows and hides its `core/tab-panel`
 content
by toggling the `hidden` attribute via the Interactivity API, which reveals it abruptly.
This plugin adds a small animation to that reveal and a **Settings  Tabs Animation**
screen to control it, with no theme changes required.

Features:

 * Five animation types: Fade, Slide right, Slide left, Slide up, Slide down.
 * Adjustable duration (0–3000ms) and easing (ease, ease-in, ease-out,
    ease-in-
   out, linear).
 * Respects the visitor’s reduced-motion preference.
 * A single small inline stylesheet – no build step, no JavaScript.

## Screenshots

[⌊Demo of animation⌉⌊Demo of animation⌉[

Demo of animation

## Installation

 1. Upload the plugin to `/wp-content/plugins/elliott-richmond-tabs-animation`.
 2. Activate through the ‘Plugins’ screen in WordPress.
 3. Visit Settings  Tabs Animation to choose an effect, duration, and easing.

## FAQ

### Does this work with any theme?

Yes. The animation targets the core Tabs block’s own markup
 (`.wp-block-tab-panel`),
not anything theme-specific, so it works with any block theme or classic theme that
supports the core Tabs block.

### Can different Tabs blocks on the same site use different animations?

Not currently — one setting applies site-wide to every Tabs block.

### Does it affect page load performance?

No extra HTTP request: the animation CSS is added as a small inline
 stylesheet,
and there’s no JavaScript.

### What if a visitor has reduced motion enabled?

The animation is disabled automatically for visitors whose OS/browser
 requests `
prefers-reduced-motion: reduce`; panels appear instantly instead.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Elliott Richmond Tabs Animation” is open source software. The following people 
have contributed to this plugin.

Contributors

 *   [ Elliott Richmond ](https://profiles.wordpress.org/erichmond/)

[Translate “Elliott Richmond Tabs Animation” into your language.](https://translate.wordpress.org/projects/wp-plugins/elliott-richmond-tabs-animation)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/elliott-richmond-tabs-animation/),
check out the [SVN repository](https://plugins.svn.wordpress.org/elliott-richmond-tabs-animation/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/elliott-richmond-tabs-animation/)
by [RSS](https://plugins.trac.wordpress.org/log/elliott-richmond-tabs-animation/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.1.0

 * Initial release.

#### 0.2.0

 * Updated assets.
 * Included screenshot.

## Meta

 *  Version **0.2.0**
 *  Last updated **15 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.7 or higher **
 *  Tested up to **7.1**
 *  PHP version ** 8.2 or higher **
 * Tags
 * [animation](https://wordpress.org/plugins/tags/animation/)[block](https://wordpress.org/plugins/tags/block/)
   [interactivity api](https://wordpress.org/plugins/tags/interactivity-api/)[tabs](https://wordpress.org/plugins/tags/tabs/)
 *  [Advanced View](https://wordpress.org/plugins/elliott-richmond-tabs-animation/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/reviews/)

## Contributors

 *   [ Elliott Richmond ](https://profiles.wordpress.org/erichmond/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/elliott-richmond-tabs-animation/)