Best jQuery Tabs Plugins & Tutorials with Demo

Bootstrap Vertical Tabs

Bootstrap Vertical Tabs

Missing vertical tabs component for bootstrap.

contentToggle : jQuery plugin for Content Toggling

contentToggle : jQuery plugin for Content Toggling

A jQuery plugin for managing various kind of content toggling.This library help you create cross-platform and accessible (in the meaning of the W3C) content that can be shown and hidden with triggers.

Tabtab.js : jQuery Animated Tabs Plugin

Tabtab.js : jQuery Animated Tabs Plugin

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.The plugin including the velocity.js library.

jQuery Accessible Tabs

jQuery Accessible Tabs

Creates accessible tabs – a single content area with multiple panels.

Suitabs : jQuery Slideshow and Tab Plugin

Suitabs : jQuery Slideshow and Tab Plugin

A jquery plugin for doing slideshow and tab.

TabbedContent : jQuery lightweight Tabs plugin

TabbedContent : jQuery lightweight Tabs plugin

TabbedContent is a lightweight* tabs plugin that uses the HTML5 history API to add your tab navigation to your browser’s history.

Wheelnav.js : Animated Circular navigation with SVG

Wheelnav.js : Animated Circular navigation with SVG

Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.It works on all major desktop and mobile browser.

Possible uses:

  • tab navigation
  • pie menu (radial menu, circular menu)
  • sub menu
  • option button
  • checkboxes
  • and more…

jQuery Hero Slider

jQuery Hero Slider

A full-width, responsive and easy to customize slideshow, enriched by a tabbed navigation.

TurboTabs : Responsive Tabs jQuery Plugin

TurboTabs : Responsive Tabs jQuery Plugin

TurboTabs is responsive Tabs  jQuery Plugin with plenty of options. HTML markup is very simple to follow , jQuery will do all the magic. Tab transforms into an accordion on smaller devices, but there is also an option to use it as accordion instead of the tab if you like.

  • Responsive
  • Simple HTML Markup to follow
  • Lightweight – only 5kb in minified version
  • Customize Colors and other otpions with online options builder
  • Choose between horizontal, vertical or accordion mode
  • Customize almost everything with plenty of options available

jQuery Wheelizate Tabs

jQuery Wheelizate Tabs

Wheelizate Tabs is an alternative way of tabbed navigation. It’s an animated tab components based on Bootstrap tab system.

Features:

  • 4 wheelizated tabs in 4 possible position
  • 6 color schemes with 6 themes (less files included)
  • Responsive
  • Bootstrap ready
  • Works with any type of content
  • 266 SVG icons
  • It works on all major desktop and mobile browser


Best jQuery websites design awards