Top 50 Best Tabs jQuery Plugins Of 2017 (So Far)

by jQueryScript,

The Tabs (tabbed content) jQuery plugin allows you to switch between different sections of content. In this blog post you will find the top 50 best jQuery tabs plugins for both desktop and mobile web design. I hope you like it.

Not a jQuery user? View Top 10 JavaScript & CSS Tabs Components.

Top 50 jQuery Tabs Plugins:

jQuery Plugin To Create Responsive Scrolling Bootstrap Tabs

A tiny jQuery plugin for responsive Bootstrap tabs component that makes your Bootstrap tab navigation scrollable when there's no enough screen space to display all tabs.

https://www.jqueryscript.net/other/jQuery-Plugin-To-Create-Responsive-Scrolling-Bootstrap-Tabs.html

[Demo] [Download]

Responsive Sliding Tabs Plugin with jQuery - Tabs.js

A responsive and SEO-friendly jQuery tabs plugin which allows the visitor to slide between different sections of content using jQuery animate() method.

https://www.jqueryscript.net/other/Responsive-Sliding-Tabs-Plugin-with-jQuery-Tabs-js.html

[Demo] [Download]

Responsive Multipurpose Tabs & Accordion Plugin With jQuery

A responsive, multipurpose, mobile-friendly jQuery tabbed content plugin which automatically switch between tabs and accordion interfaces depending on the screen size.

https://www.jqueryscript.net/accordion/Responsive-Multipurpose-Tabs-Accordion-Plugin-With-jQuery.html

[Demo] [Download]

Versatile Content Toggle Plugin For jQuery - contentToggle

An accessible, cross-browser and multi-functional jQuery content toggle plugin which allows to show or hide or toggle some HTML content with custom trigger elements.

https://www.jqueryscript.net/accordion/Versatile-Content-Toggle-Plugin-For-jQuery-contentToggle.html

[Demo] [Download]

Multifunctional Content Slider Plugin For jQuery - Switchable

Switchable is a multi-purpose jQuery slider plugin which enables the visitor to switch between any elements just like a slideshow, carousel, gallery or tabs component.

https://www.jqueryscript.net/slider/Multifunctional-Content-Slider-Plugin-For-jQuery-Switchable.html

[Demo] [Download]

Add Navigation Buttons To jQuery UI Tabs Widget - Tabs.Neighbors

Tabs.Neighbors is a JQuery plugin that allows the visitor to switch between tabbed panels by click on the next / prev arrows.

https://www.jqueryscript.net/other/Add-Navigation-Buttons-To-jQuery-UI-Tabs-Widget-Tabs-Neighbors.html

[Demo] [Download]

Material Design Inspired Tabbed Navigation Plugin - mdtabs

mdtabs is a lightweight jQuery plugin that helps you create Material Design inspired customizable tabbed navigation with an animated indicator for your webpage.

https://www.jqueryscript.net/menu/Material-Design-Inspired-Tabbed-Navigation-Plugin-mdtabs.html

[Demo] [Download]

Responsive Expanding Grid / Tab Layout Plugin For jQuery - Gridtab

Gridtab is a tiny jQuery plugin for creating responsive grid or tab layouts which allow the user to expand / hide web content by clicking on their corresponding grid/tab items.

https://www.jqueryscript.net/layout/Responsive-Expanding-Grid-Tab-Layout-Plugin-For-jQuery-Gridtab.html

[Demo] [Download]

jQuery Plugin For Responsive Bootstrap Tabs - responsive-tab

A jQuery plugin that make your Bootstrap tabs responsive by collapsing overflowed items into a dropdown list when there's not enough space available (e.g. in mobile view).

https://www.jqueryscript.net/other/jQuery-Plugin-For-Responsive-Bootstrap-Tabs-responsive-tab.html

[Demo] [Download]

Elegant Animated Tabs Plugin For jQuery - colorfulTab

colorfulTab is a simple jQuery plugin that organizes your long content in an elegant, animated, themeable tabbed interface.

https://www.jqueryscript.net/other/Elegant-Animated-Tabs-Plugin-For-jQuery-colorfulTab.html

[Demo] [Download]

CSS3 Animated Responsive Tab Slider Plugin For jQuery - tabSlider

A jQuery & CSS3 based responsive tab slider which allows you to switch between sectioned content with bottom tab controls.

https://www.jqueryscript.net/slider/CSS3-Animated-Responsive-Tab-Slider-Plugin-For-jQuery-tabSlider.html

[Demo] [Download]

Tabs And Accordions Made Easy - jQuery jpix Plugin

jpix is a simple yet multifunctional jQuery plugin that makes it easier to create tabs and multi-level accordion interfaces with just one JS call.

https://www.jqueryscript.net/accordion/Tabs-And-Accordions-Made-Easy-jQuery-jpix-Plugin.html

[Demo] [Download]

Accessible Responsive jQuery Tabs Plugin - Skeletabs

Skeletabs is a full-featured jQuery tabs plugin for creating a responsive, accessible, customizable tab structure to switch between different sections of content.

https://www.jqueryscript.net/other/Accessible-Responsive-jQuery-Tabs-Plugin-Skeletabs.html

[Demo] [Download]

Basic HTML List Based jQuery Tabs Plugin - Tabifier

Tabifier is a lightweight and CSS-less jQuery plugin for converting an html list into a tabbed interface. Supports nested html ordered or unordered lists.

https://www.jqueryscript.net/other/Basic-HTML-List-Based-jQuery-Tabs-Plugin-Tabifier.html

[Demo] [Download]

Minimal Click- Or Hover-Triggered Tabs Plugin With jQuery - tab.js

A super small (<1kb) and easy-to-use jQuery tabs plugin which allows the user to switch between tabbed panels by clicking or hovering tab headers.

https://www.jqueryscript.net/other/Minimal-Click-Or-Hover-Triggered-Tabs-Plugin-With-jQuery-tab-js.html

[Demo] [Download]

Minimal Tabbed Navigation Plugin with jQuery - Simple Tabs

Simple Tabs is a jQuery plugin for generating a good-looking tabbed navigation which allows the visitor to switch between panes of local content.

https://www.jqueryscript.net/other/Minimal-Tabbed-Navigation-Plugin-with-jQuery-Simple-Tabs.html

[Demo] [Download]

Responsive Scrolling jQuery UI Tabs - jQuery ScrollTabs

ScrollTabs is a lightweight jQuery plugin which makes the regular jQuery UI tabs responsive and scrollable with navigation arrows on small screens.

https://www.jqueryscript.net/other/Scrolling-jQuery-UI-Tabs-jQuery-ScrollTabs.html

[Demo] [Download]

jQuery Plugin To Switch Tabs On Hover Or Button Click - rTabs

A lightweight, CSS-less jQuery tabs plugin which allows to switch between tab panels by hovering over the tabs or on click.

https://www.jqueryscript.net/other/jQuery-Plugin-To-Switch-Tabs-On-Hover-Or-Button-Click-rTabs.html

[Demo] [Download]

Responsive Accessible jQuery Tabs Plugin - PIGNOSE Tab

PIGNOSE Tab is a very small (~4kb) jQuery tabs plugin which lets you create animated, responsive, accessible, nested tabbed interface for your long content.

https://www.jqueryscript.net/other/Responsive-Accessible-jQuery-Tabs-Plugin-PIGNOSE-Tab.html

[Demo] [Download]

Mobile Friendly Responsive Bootstrap Tabs Plugin with jQuery

Just another jQuery plugin for responsive Bootstrap tabs component that stacks tab navigation items into a dropdown menu when they overflow in mobile view.

https://www.jqueryscript.net/other/Mobile-Friendly-Responsive-Bootstrap-Tabs-Plugin-with-jQuery.html

[Demo] [Download]

Responsive Metro Style Tabs Plugin For jQuery

A very small jQuery script used to create a responsive, Windows Metro-style tabbed interface with tiled tab navigation links.

https://www.jqueryscript.net/other/Responsive-Metro-Style-Tabs-Plugin-For-jQuery.html

[Demo] [Download]

Minimal Handy jQuery Tabs Plugin - AddTabs

AddTabs is a dead simple-to-use jQuery plugin used to create a Material Design style tabs interface from plain HTML.

https://www.jqueryscript.net/other/Minimal-Handy-jQuery-Tabs-Plugin-AddTabs.html

[Demo] [Download]

Responsive Accessible Tabs Plugin For jQuery - aria-tabs

aria-tabs is a lightweight jQuery plugin which helps you create a responsive, accessible tabs interface from plain HTML, with support for Aria attributes/roles and keyboard interactions.

https://www.jqueryscript.net/other/Responsive-Accessible-Tabs-Plugin-For-jQuery-aria-tabs.html

[Demo] [Download]

jQuery Plugin For Extended Bootstrap Tabs - bootstrap-tabs-x

A jQuery plugin that extends the default Bootstrap tabs component with custom opening/tab directions, border styles, tab content alignments, AJAX loading and much more.

https://www.jqueryscript.net/other/jQuery-Extended-Bootstrap-Tabs.html

[Demo] [Download]

Create Responsive Collapsible Bootstrap Tabs Using jQuery

A jQuery plugin that makes your Bootstrap tabs component fully responsive and mobile friendly by collapsing overflowed tabs into a toggleable dropdown list on small screens.

https://www.jqueryscript.net/other/Create-Responsive-Collapsible-Bootstrap-Tabs-Using-jQuery.html

[Demo] [Download]

Handy Animated Tab Plugins With jQuery - tabs.js

A lightweight, flexible jQuery tabs plugin that automatically creates tabs from an HTML unordered list, which link to block elements on the webpage.

https://www.jqueryscript.net/other/Handy-Animated-Tabs-Plugin-With-jQuery-tabs-js.html

[Demo] [Download]

Multi-purpose jQuery Tabs Interface Plugin - Tabs.js

Tabs.js is a lightweight jQuery plugin which helps you to present sectioned content in a horizontal/vertical or accordion-style tabbed interface.

https://www.jqueryscript.net/other/Multi-purpose-jQuery-Tabs-Interface-Plugin-Tabs-js.html

[Demo] [Download]

Tiny Adaptive Tabbed Interface Plugin With jQuery - Organic Tabs

Organic Tabs is a lightweight jQuery plugin to create an adaptive tabs interface where the tabbed panel will auto expand / collapse according to the height of its inner content.

https://www.jqueryscript.net/other/Tiny-Adaptive-Tabbed-Interface-Plugin-With-jQuery-Organic-Tabs.html

[Demo] [Download]

Chrome Style Auto Resizing jQuery UI Tabs - overflowResize

overflowResize is a collection of jQuery extensions for jQuery UI tabs that allows you to add, close and drag'n'drop re-order tab buttons just like the Chrome tabs.

https://www.jqueryscript.net/other/Chrome-Style-Auto-Resizing-jQuery-UI-Tabs-overflowResize.html

[Demo] [Download]

Tiny Reusable jQuery Tabs Plugin - Ublue Tabs

Ublue is an reusable, ultra-small and easy-to-customize jQuery tabs plugin that works both with mouse hover and mouse click events.

https://www.jqueryscript.net/other/Tiny-Reusable-jQuery-Tabs-Plugin-Ublue-Tabs.html

[Demo] [Download]

Simple Accessible jQuery Tabs Plugin - tabs.js

Use this tabs.js jQuery plugin to create a simple, accessible tabs component that supports ARIA attributes, content preloader and keyboard interactions.

https://www.jqueryscript.net/other/Simple-Accessible-jQuery-Tabs-Plugin-tabs-js.html

[Demo] [Download]

Basic jQuery Tabs Plugin With Hashtag Support - tabscroll.js

tabscroll.js is a simple, plain, lightweight jQuery tabs plugin which allows the user to open specific tab with hash links.

https://www.jqueryscript.net/other/Basic-jQuery-Tabs-Plugin-With-Hashtag-Support-tabscroll-js.html

[Demo] [Download]

Versatile Responsive Tabs Plugin For jQuery - jtabs.js

jtabs.js is a lightweight, responsive, highly customizable jQuery tabs plugin that features deep links, cookies/local storage, nested tabs, callback functions and much more.

https://www.jqueryscript.net/other/Versatile-Responsive-Tabs-Plugin-For-jQuery-jtabs-js.html

[Demo] [Download]

Smart Customizable jQuery Tabs Plugin - Pretty Tabs

Just another jQuery plugin which lets you create a customizable, hashtag-enabled tabs component for sectioned web content.

https://www.jqueryscript.net/other/Smart-Customizable-jQuery-Tabs-Plugin-Pretty-Tabs.html

[Demo] [Download]

Stylish Sliding Tabs With jQuery And CSS3 - Toggle Tabs

The Toggle Tabs script allows the users to switch between tabbed content with sliding, toggle button-style navigation tabs.

https://www.jqueryscript.net/other/Sliding-Tabs-jQuery-CSS3-Toggle-Tabs.html

[Demo] [Download]

Tab-style Switch Navigation Plugin With jQuery And Velocity - SwitchMenu

SwitchMenu is a jQuery plugin to create tab-style nested switch menus which can be used to switch between web pages and/or content sections.

https://www.jqueryscript.net/menu/Switch-Navigation-Plugin-jQuery-Velocity.html

[Demo] [Download]

Minimal Themeable jQuery Tabs Plugin - CardTabs

CardTabs is an ultra-light, cross-browser jQuery tabs plugin that automatically creates tabs to switch between tabbed content on click.

https://www.jqueryscript.net/other/Themeable-jQuery-Tabs-Plugin-CardTabs.html

[Demo] [Download]

Open Pages In Bootstrap iFrame Tabs - jQuery bTabs

bTabs is a cross-browser jQuery plugin used to open multiple external/internal pages (as iframes) in dynamic, drag & drop Bootstrap tabs.

https://www.jqueryscript.net/other/Bootstrap-iFrame-Tabs-jQuery-bTabs.html

[Demo] [Download]

Small jQuery Tabbing Plugin With URL Hash Support - myTabs.js

myTabs.js is a simple, easy-to-style jQuery tabbing plugin to switch between tabbed content by clicking on the associated tab navigation.

https://www.jqueryscript.net/other/jQuery-Tabbing-Plugin-URL-Hash-Support.html

[Demo] [Download]

Small Responsive Tabs Plugin For jQuery - daTabs

daTabs is a lightweight, easy-to-use jQuery plugin that helps you generate responsive, cross-browser, vertical/horizontal tabs interfaces from plain HTML/JavaScript.

https://www.jqueryscript.net/other/Responsive-Tabs-Plugin-jQuery-daTabs.html

[Demo] [Download]

Customizable SEO-Friendly Tabs Plugin - jquery-tab

jquery-tab is a jQuery plugin used to create highly customizable tabs from semantic HTML markups that can be used to switch between different sections of content on the web page.

https://www.jqueryscript.net/other/Customizable-SEO-Friendly-Tabs-Plugin-jQuery.html

[Demo] [Download]

Handy Animated jQuery Tabs Plugin - easyTabs.js

easyTabs.js is a simple, flexible, lightweight, animated jQuery tabs plugin which helps you create tab navigation to switch between different sections of web content.

https://www.jqueryscript.net/other/Animated-jQuery-Tabs-Plugin-easyTabs.html

[Demo] [Download]

jQuery Plugin For Vertical and Horizontal Tabs - jQuery Tabs

This is a jQuery plugin used for generating simple, easy-to-style, vertical and/or horizontal tabs from plain html structure.

https://www.jqueryscript.net/other/Vertical-Horizontal-Tabs-jQuery-jQuery-Tabs.html

[Demo] [Download]

Sticky Tab Navigation For Bootstrap Tabs - jQuery tabFrozenScroll

The jQuery plugin helps create 'sticky' Bootstrap tabs component that makes the tab navigation always be on the top of the webpage as you scroll down the long tab panels.

https://www.jqueryscript.net/other/Sticky-Bootstrap-Tab-Navigation-jQuery-tabFrozenScroll.html

[Demo] [Download]

Basic Semantic Tabs Plugin With jQuery - saTabs.js

saTabs.js is a very small jQuery plugin to generate tabs from an unordered list which links to a collection of content sections within the document.

https://www.jqueryscript.net/other/Semantic-Tabs-Plugin-jQuery-saTabs.html

[Demo] [Download]

Lightweight jQuery Plugin For Tab Content - Tabs.js

Yet another jQuery plugin for tab content where the users are able to swap between tabbed content by clicking tabs.

https://www.jqueryscript.net/other/jQuery-Plugin-Tab-Content-Tabs.html

[Demo] [Download]