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.

OTWthemes

Easily create different kinds of Tabs for your WordPress site, vertical or horizontal. Insert Tabs anywhere in your site – page/post editor, sidebars, template files. No coding is required. It is all done in a nice and easy interface.
Tabs Options
<ul>
<li>Number of Tabs</li>
<li>Style – Horizontal or Vertical</li>
<li>Tabs Title </li>
<li>Tab 1/2/../10 Title</li>
<li>Tab 1/2/../10 Icon</li>
<li>Tab 1/2/../10 Icon URL </li>
<li>Tab 1/2/../10 Content</li>
<li>Custom CSS Class</li>
</ul>
Insert Tabs Anywhere in your site
Basically Tabs can be inserted anywhere in your site
<ul>
<li>Page/post WYSIWYG editor by using the buttion in the editor</li>
<li>In sidebars by using the OTW Shortcode Widget</li>
<li>In template files by using the tab’s shortcode and WordPress do_shortcode function</li>
</ul>
Custom styling
If you need to further style a tab here are your options:
<ul>
<li>Each tab shortcode has it’s unique CSS class that can be used to style all tabs.</li>
<li>Create a new class for each instance of a tab shortcode in its interface so you can style it individually.</li>
</ul>
Localization/Internationalization
This plugin comes Localization/Internationalization ready. It is following WordPress I18n standards.
Full version of the plugin
<blockquote>
Upgrade to the Pro version of this plugin – the fastes way to build your WordPress based site including regular updates and premium support: 
 <a href="https://1.envato.market/c/1246358/275988/4415?subId1=cm&subId2=2020&subId3=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fcontent-manager-for-wordpress%2F7431829&u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fcontent-manager-for-wordpress%2F7431829" rel="nofollow ugc">Content Manager</a> | <a href="http://otwthemes.com/demos/1ts/?item=Content%20Manager&utm_source=wp.org&utm_medium=page&utm_content=upgrade&utm_campaign=cml" rel="nofollow ugc">Demo site</a>
</blockquote>
<ul>
<li>Custom Responsive Layouts – Build in Seconds</li>
<li>Front-end Editor – Edit your layouts and content in the front-end of your site</li>
<li>40+ Shortcodes with add/edit Interface, Custom and Imported Shortcodes</li>
<li>Insert Shortcodes Anywhere – Layouts, Page Editor, Sidebars, Template files</li>
<li>Insert Sidebars Anywhere – Layouts, Page Editor, Template files</li>
<li>WordPress Widgets Anywhere – Layouts, Page Editor, Template files</li>
<li>Content Sidebars</li>
<li>Support and Updates</li>
<li>Zero Coding Required</li>
</ul>

Tabs Shortcode and Widget

Create Tabs. Nice and easy interface. Insert anywhere in your site - page/post editor, sidebars, template files.

Metro Tabs – Responsive Tabs Block vs Tabs Shortcode and Widget