{"id":354294,"date":"2026-08-18T18:01:18","date_gmt":"2026-08-18T18:01:18","guid":{"rendered":"https:\/\/en-gb.wordpress.org\/plugins\/elliott-richmond-tabs-animation\/"},"modified":"2026-08-19T13:16:57","modified_gmt":"2026-08-19T13:16:57","slug":"elliott-richmond-tabs-animation","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/elliott-richmond-tabs-animation\/","author":4159735,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.2.0","stable_tag":"0.2.0","tested":"7.1","requires":"6.7","requires_php":"8.2","requires_plugins":null,"header_name":"Elliott Richmond Tabs Animation","header_author":"Elliott Richmond","header_description":"Animates the core Tabs block's panel reveal (fade, or slide right\/left\/up\/down) with a settings page to control the effect, duration, and easing.","assets_banners_color":"366ca3","last_updated":"2026-08-19 13:16:57","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/elliottrichmond.co.uk","rating":5,"author_block_rating":0,"active_installs":0,"downloads":71,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"erichmond","date":"2026-08-18 18:00:48"},"0.2.0":{"tag":"0.2.0","author":"erichmond","date":"2026-08-19 13:16:57"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":3654636,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3654636,"resolution":"1544x500","location":"assets","locale":"","width":3217,"height":1042},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3654636,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.0","0.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3654636,"resolution":"1","location":"assets","locale":"","width":1278,"height":750}},"screenshots":{"1":"Demo of animation"}},"plugin_section":[],"plugin_tags":[785,1220,228979,2148],"plugin_category":[50],"plugin_contributors":[85929],"plugin_business_model":[],"class_list":["post-354294","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-block","plugin_tags-interactivity-api","plugin_tags-tabs","plugin_category-media","plugin_contributors-erichmond","plugin_committers-erichmond"],"banners":{"banner":"https:\/\/ps.w.org\/elliott-richmond-tabs-animation\/assets\/banner-772x250.png?rev=3654636","banner_2x":"https:\/\/ps.w.org\/elliott-richmond-tabs-animation\/assets\/banner-1544x500.png?rev=3654636","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/elliott-richmond-tabs-animation\/assets\/icon.svg?rev=3654636","icon":"https:\/\/ps.w.org\/elliott-richmond-tabs-animation\/assets\/icon.svg?rev=3654636","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/elliott-richmond-tabs-animation\/assets\/screenshot-1.gif?rev=3654636","caption":"Demo of animation"}],"raw_content":"<!--section=description-->\n<p>The core Tabs block (WordPress 7.1+) shows and hides its <code>core\/tab-panel<\/code>\ncontent by toggling the <code>hidden<\/code> attribute via the Interactivity API, which\nreveals it abruptly. This plugin adds a small animation to that reveal and a\n<strong>Settings \u2192 Tabs Animation<\/strong> screen to control it, with no theme changes\nrequired.<\/p>\n\n<p>Features:<\/p>\n\n<ul>\n<li>Five animation types: Fade, Slide right, Slide left, Slide up, Slide down.<\/li>\n<li>Adjustable duration (0\u20133000ms) and easing (ease, ease-in, ease-out,\nease-in-out, linear).<\/li>\n<li>Respects the visitor's reduced-motion preference.<\/li>\n<li>A single small inline stylesheet - no build step, no JavaScript.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin to <code>\/wp-content\/plugins\/elliott-richmond-tabs-animation<\/code>.<\/li>\n<li>Activate through the 'Plugins' screen in WordPress.<\/li>\n<li>Visit Settings \u2192 Tabs Animation to choose an effect, duration, and easing.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20any%20theme%3F\"><h3>Does this work with any theme?<\/h3><\/dt>\n<dd><p>Yes. The animation targets the core Tabs block's own markup\n(<code>.wp-block-tab-panel<\/code>), not anything theme-specific, so it works with any\nblock theme or classic theme that supports the core Tabs block.<\/p><\/dd>\n<dt id=\"can%20different%20tabs%20blocks%20on%20the%20same%20site%20use%20different%20animations%3F\"><h3>Can different Tabs blocks on the same site use different animations?<\/h3><\/dt>\n<dd><p>Not currently \u2014 one setting applies site-wide to every Tabs block.<\/p><\/dd>\n<dt id=\"does%20it%20affect%20page%20load%20performance%3F\"><h3>Does it affect page load performance?<\/h3><\/dt>\n<dd><p>No extra HTTP request: the animation CSS is added as a small inline\nstylesheet, and there's no JavaScript.<\/p><\/dd>\n<dt id=\"what%20if%20a%20visitor%20has%20reduced%20motion%20enabled%3F\"><h3>What if a visitor has reduced motion enabled?<\/h3><\/dt>\n<dd><p>The animation is disabled automatically for visitors whose OS\/browser\nrequests <code>prefers-reduced-motion: reduce<\/code>; panels appear instantly instead.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>\n\n<h4>0.2.0<\/h4>\n\n<ul>\n<li>Updated assets.<\/li>\n<li>Included screenshot.<\/li>\n<\/ul>","raw_excerpt":"Animates the core Tabs block&#039;s panel reveal, with a settings page to choose the effect, duration, and easing.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/354294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=354294"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/erichmond"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=354294"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=354294"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=354294"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=354294"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=354294"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=354294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}