Ciprian Popescu

Metro Tabs adds block-editor (Gutenberg) blocks for building tabbed content. You add a Metro Tabs: Tab Group block, then add one or more Metro Tabs: Tab Item blocks inside it. Each tab has a heading (the label visitors click) and a content area where you can add any blocks—paragraphs, images, lists, etc. On the front end, visitors see a simple tab bar and panes; clicking a tab switches the visible content without reloading the page.
<h4>Features</h4>
<ul>
<li>Tab Group block – Container for one set of tabs. You can use multiple Tab Group blocks on the same page for different tab sets.</li>
<li>Tab Item block – A single tab: editable heading and a content area that supports any blocks (paragraphs, headings, images, etc.).</li>
<li>No JavaScript libraries – Uses vanilla JavaScript only; no jQuery or jQuery UI.</li>
<li>Block API version 3 – Compatible with the current block editor (WordPress 6.3+ iframe editor).</li>
<li>Lightweight styling – Discrete front-end styles (underline-style active tab); you can override with your theme or custom CSS.</li>
</ul>
<h4>How to use</h4>
<ol>
<li>In the block editor, add a Metro Tabs: Tab Group block (search for “Metro Tabs” or “Tab Group”).</li>
<li>Inside the group, you’ll see placeholder Tab Items (e.g. “Tab 1”, “Tab 2”). Click each Metro Tabs: Tab Item block and:
<ul>
<li>Edit the tab heading (the text shown on the tab).</li>
<li>Add any blocks in the tab content area (paragraphs, images, etc.).</li>
</ul>
</li>
<li>Add or remove Tab Item blocks as needed. You can add more Tab Groups elsewhere on the page for separate tab sets.</li>
<li>Publish or update. On the front end, the tab bar and panes are built automatically; clicking a tab switches the visible pane.</li>
</ol>
No settings or configuration are required. The plugin enqueues its script and styles on the front end when the page contains tab blocks.
<h4>Compatibility</h4>
<ul>
<li>Requires WordPress 6.0 or higher (block editor).</li>
<li>Requires PHP 8.0 or higher.</li>
</ul>

Metro Tabs – Responsive Tabs Block

Tab blocks: multiple groups per page, any blocks in each tab. No jQuery, no dependencies.

Themepoints

Tab Shortcode Ultimate is yet another simple, responsive, lightweight jQuery tabs plugin for creating responsive tabbed panels with unlimited options and transition animations support.
This plugin allows you to use shortcode to display tabs post/page or widget via unique post ID. You can easily Manage tabs via options page.
<ul>
<li><a href="https://themepoints.com/product/tabs-ultimate-shortcodes" rel="nofollow ugc">Live Preview</a></li>
<li><a href="https://themepoints.com/tabultimate/documentation/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://themepoints.com/contact/" rel="nofollow ugc">Need Support</a></li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/KTSxUfdYj2g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Plugin Features 
<ul>
<li>Clean Design & Code.</li>
<li>Fully responsive.</li>
<li>Tabs Transitions: fade, slideUp, slideRight, flip, rotate, swingRight, scaleDown, scaleUp, etc.</li>
<li>Events: Switch between hover and click events</li>
<li>Accordion Transitions: normal and slide.</li>
<li>Collapsible: Ability to collapse all accordions on smaller devices.</li>
<li>Initial Tab : Choose which tab to display initially.</li>
<li>Enable Custom Post.</li>
<li>Tab Support wysiwyg text editor.</li>
<li>Create Tab by group.</li>
<li>Unlimited Tab Support.</li>
<li>All Browser support.</li>
<li>Use via shortcode.</li>
<li>Support post/page or widget.</li>
<li>Enable tinymce button.</li>
<li>And many more.</li>
</ul>
Premium Features 
<ul>
<li>Clean Design & Code.</li>
<li>Fully responsive.</li>
<li>Widget Ready.</li>
<li>Tabs Transitions: fade, slideUp, slideRight, flip, rotate, swingRight, scaleDown, scaleUp, etc.</li>
<li>Events: Switch between hover and click events</li>
<li>Accordion Transitions: normal and slide.</li>
<li>Collapsible: Ability to collapse all accordions on smaller devices.</li>
<li>Initial Tab : Choose which tab to display initially.</li>
<li>Enable Custom Post.</li>
<li>Tab Support wysiwyg text editor.</li>
<li>Create Tab by group.</li>
<li>Cross-browser compatibility.</li>
<li>Drag & Drop Tab items sorting.</li>
<li>Add and remove Tab item from backend.</li>
<li>Use via short-codes.</li>
<li>Tab Menu Position (top/bottom).</li>
<li>Tab Open on hover.</li>
<li>Tab header title font size.</li>
<li>Tab header title font color.</li>
<li>Active Tab header title font color.</li>
<li>Tab title background color.</li>
<li>Tab Content background color.</li>
<li>Support Any videos (Ex: youtube, vimeo ).</li>
<li>Highly customized for User Experience.</li>
<li>Unlimited Tab anywhere in the themes or template.</li>
<li>Work in all browsers and mobile devices.</li>
<li>Life Time Self hosted auto updated enable.</li>
<li>24/7 dedicated support forum.</li>
<li>Unlimited Domain.</li>
<li>Well Documentation.</li>
<li>And much more!</li>
</ul>
<a href="https://themepoints.com/product/tabs-ultimate-shortcodes/" rel="nofollow ugc">Upgrade to Premium!»</a>
Video Tutorial Available

Tab Ultimate

Tab Shortcode Ultimate is yet another simple, responsive, lightweight jQuery tabs plugin for creating responsive tabbed panels with unlimited options  …

Metro Tabs – Responsive Tabs Block vs Tab Ultimate