Tabskit Pro

Modern, accessible, performance-first tabs & accordions for Gutenberg. Zero jQuery. Free forever.

by Tabskit · github.com/anisur2805/tabskit-pro · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/anisur2805/tabskit-pro/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/anisur2805/tabskit-pro ↗

Modern, accessible, performance-first tabs & accordions for Gutenberg. Zero jQuery. Free forever.

Description

Tabskit Pro is a developer-first tabs and accordions block for the WordPress block editor. Built with modern web standards, no jQuery, no React on the frontend. Ships with everything for free that competitors gate behind a Pro license.

Features

Horizontal, vertical, and grid layouts for tabs
Accordion mode with single/multi-open, toggle, sticky header, and breakpoint auto-convert
Animations: fade, slide (L/R/U/D), zoom, none
Auto-play with pause-on-hover / pause-on-focus / pause-on-visibility-change
URL sync: hash (#tab-foo) or query (?tab=foo) with history API and deep linking
Touch swipe on mobile (configurable threshold)
Keyboard nav: arrow keys, Home, End, Enter, Space, Esc
70+ block patterns: FAQ, pricing, features, portfolio, team, product, tutorial, timeline
Full style control: colors, typography, borders, backgrounds, shadows, radius, gradients
Active/hover/disabled states with image filters on inactive tabs
Icon support per tab (dashicon / SVG / media library)
Any block inside panels (InnerBlocks), reorder via drag, duplicate, remove
ARIA roles for tablist/tab/tabpanel, roving tabindex, focus visible
Reduced motion auto-fallback
Theme.json aware — uses var(--wp--preset--*) for colors and spacing
Lazy init via IntersectionObserver, CSS containment, no layout thrash
i18n ready (text domain tabskit-pro)
Multisite safe

Performance

Lit 2 web components (no React on frontend)
Total JS bundle: ≤ 30 KB gzipped
Total CSS: ≤ 8 KB gzipped
Lighthouse accessibility: 100
No layout thrash (transforms and opacity only)

Developer

TypeScript strict, ESM
Block.json v3
PHP 7.4+ with PSR-4-ish autoloader
Filters: tabskit_registered_blocks, tabskit_block_attributes, tabskit_enqueue_assets
Actions: tabskit_before_render, tabskit_after_render
JS events: tabskit:ready, tabskit:change, tabskit:mount, tabskit:unmount
Imperative API: tabskit.activate(id), tabskit.next(), tabskit.prev()

Source

Source and issue tracker: https://github.com/tabskit-pro/tabskit-pro

Installation

Upload the plugin to wp-content/plugins/tabskit-pro.
Activate through the Plugins screen.
Add the Tabs block from the inserter.
Configure layout, style, and behavior in the inspector.

Frequently Asked Questions

Does this plugin require jQuery?

No. Tabskit Pro is jQuery-free.

Is there a Pro version?

No. Every feature is free forever. We don't gate features behind a paywall.

Does it work with classic themes?

Yes. Theme.json is used when available; falls back to defaults on classic themes.

Can I put any block inside a tab panel?

Yes. InnerBlocks supports every core and third-party block.

How do I link directly to a tab?

Enable "URL sync" in the inspector. The plugin will update the URL hash (or query param) when switching tabs. Visiting the URL activates the matching tab.

Screenshots

Tabs block in the editor with full inspector controls.
Frontend horizontal tabs with fade animation.
Vertical tabs with custom styling.
Accordion mode with chevron icons.
Block pattern inserter with 70+ patterns.