Best jQuery Tabs Plugins & Tutorials with Demo

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

jQuery Bootstrap Steps Wizard

jQuery Bootstrap Steps Wizard

This Twitter Bootstrap plugin builds a wizard using a formatted tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.

PWS Tabs : jQuery Animated Tabs Plugin

PWS Tabs : jQuery Animated Tabs Plugin

jQuery Plugin to create tabs.All you need to do is add few divs for your tabs, and script will generate Tabs for you.



Best jQuery websites design awards