Tabskit Pro

=== Tabskit Pro === Contributors: tabskit Tags: tabs, accordion, gutenberg, block, tabs block, accordion block, faq, pricing, toggle Requires at least: 6.4 Tested up to: 6.7 Requires PHP: 7.4 Stable tag: 1.0.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html

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 ==

1. Upload the plugin to wp-content/plugins/tabskit-pro.
2. Activate through the Plugins screen.
3. Add the Tabs block from the inserter.
4. 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 ==

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

== Changelog ==

= 1.0.0 =

• Initial release.

== Upgrade Notice ==

= 1.0.0 = Initial release.