DesignSetGo vs Metro Tabs – Responsive Tabs Block

The power of a page builder, the simplicity of native blocks. DesignSetGo brings forms, sliders, dynamic queries, animations, and parallax to the block editor — without the bloat, lock-in, or learning curve. If you know WordPress blocks, you already know how to use it. Documentation · GitHub Why DesignSetGo Native blocks, not a page builder. Editor matches frontend. Static content stays put if you deactivate; dynamic blocks need the plugin to render. No proprietary markup, no lock-in. 58 blocks replace 5+ plugins. Forms, sliders, tabs, accordions, modals, maps, breadcrumbs, timelines, comparison tables, and the new Dynamic Query family. 18 extensions enhance ANY block — including core and third-party blocks. Animations, parallax, sticky headers, responsive visibility, hover effects, conditional visibility. Complete form builder built in. AJAX, spam protection (Cloudflare Turnstile included), email notifications, submission dashboard. No Contact Form 7 required. Performance first. CSS bundle under 10 KB gzipped, no jQuery, per-block on-demand assets. PageSpeed scores stay high. WordPress-standard everything. theme.json, FSE, Block Bindings, REST API, WP-CLI, Schema.org markup, WCAG 2.1 AA accessible. What’s Inside Layout (4) — Grid, Row, Section with shape dividers, Section Divider Forms (13) — full builder with 11 field types and admin dashboard Interactive (15) — Tabs, Accordion, Modal, Modal Trigger, Flip Card, Slider, Scroll Slides, Sticky Sections, Scroll Marquee, Scroll Accordion, Image Accordion, Counter, Progress, Comparison Table, Timeline Dynamic Query (6) — Query, Pagination, Filter, Results, Group Header, No Results Typography & Navigation — Advanced Heading, Breadcrumbs (Schema.org), Table of Contents Visual (12) — 160+ Icons, Icon Button, Icon List, Pills, Cards, Dividers, Countdown, Blobs, Dynamic Image, Hotspot, Star Rating, Text Path Data (1) — Chart (bar, line, donut — no charting library loaded) Media & Location — Fifty Fifty split layout, Map (Google Maps + OpenStreetMap) WooCommerce — Product Categories Grid, Product Showcase Hero, product bindings, product-aware Dynamic Query Extensions (18) — Animations, Interactions, Schema.org Markup, Parallax, Text Reveal, Expanding Background, Sticky Header, Hover Effects, Clickable Groups, Background Video, Responsive Visibility, Conditional Visibility, Max Width, Custom CSS, Grid Span, Grid Mobile Order, SVG Patterns (25+), Reveal Control Plus — Text Style inline format, llms.txt + per-URL Markdown for AI, form submissions dashboard, draft mode for published pages Privacy & Security DesignSetGo respects your privacy: * No tracking or analytics * No data collection * No external server connections * No cookies or localStorage for tracking * 100% GDPR compliant Form submissions are processed on your server and sent via your WordPress email system. No third-party services required.

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