Ciprian Popescu

<p>Metro Tabs adds block-editor (Gutenberg) blocks for building tabbed content. You add a <strong>Metro Tabs: Tab Group</strong> block, then add one or more <strong>Metro Tabs: Tab Item</strong> 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.</p>
<h4>Features</h4>
<ul>
<li><strong>Tab Group block</strong> – Container for one set of tabs. You can use multiple Tab Group blocks on the same page for different tab sets.</li>
<li><strong>Tab Item block</strong> – A single tab: editable heading and a content area that supports any blocks (paragraphs, headings, images, etc.).</li>
<li><strong>No JavaScript libraries</strong> – Uses vanilla JavaScript only; no jQuery or jQuery UI.</li>
<li><strong>Block API version 3</strong> – Compatible with the current block editor (WordPress 6.3+ iframe editor).</li>
<li><strong>Lightweight styling</strong> – 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 <strong>Metro Tabs: Tab Group</strong> 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 <strong>Metro Tabs: Tab Item</strong> block and:
<ul>
<li>Edit the <strong>tab heading</strong> (the text shown on the tab).</li>
<li>Add any blocks in the <strong>tab content</strong> 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>
<p>No settings or configuration are required. The plugin enqueues its script and styles on the front end when the page contains tab blocks.</p>
<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.

WP Darko

<p>This plugin adds a “Tabs” section to the admin panel which allows you to create tabbed content for your website the easy way. You can quickly add your content to your different tabs, choose a color, re-order them at anytime and display them anywhere with a simple shortcode. What you see is what you get, and it’s totally free.</p>
<p>[Compatible with PHP 8.]</p>
<h4>No limitation for the Free version</h4>
<p>The free version of the Responsive Tabs plugin is <strong>not limited</strong>.</p>
<p>The <a href="https://wpdarko.com/items/responsive-tabs-pro/" rel="nofollow ugc">PRO version</a> adds new features such as new styling settings and <strong>icons</strong> (from font-awesome).</p>
<h4>Fully translatable</h4>
<ul>
<li>POT files included (/lang/)</li>
</ul>
<h4>Available fields</h4>
<ul>
<li>Title</li>
<li>Content (text/images/anything)</li>
</ul>
<h4>Available settings</h4>
<ul>
<li>Breakpoint (decide when the tabs should shrink into an accordion)</li>
<li>Color</li>
</ul>
<h4>Usage</h4>
<p>Go to <a href="https://wpdarko.com/support/docs/get-started-with-the-responsive-tabs-plugin/" rel="nofollow ugc">the plugin’s documentation</a> if you need more information on how to use this plugin.</p>
<h4>Support</h4>
<p>Find help in <a href="https://wpdarko.com/support" rel="nofollow ugc">our support plaftorm</a> for this plugin (we’ll answer you fast, promise).</p>


Responsive Tabs

Modern, responsive plugin that made my tabs a breeze !! Highly recommended!

Fantastic Plugin - did the job

fast answer, fast decision, that's what we like about that developer!

love the fast support

A responsive & clean way to display your content. Create new tabs in no-time (custom type) and copy-paste the shortcode into any post/page.

Metro Tabs – Responsive Tabs Block vs Responsive Tabs