Wheelizate Tabs is an alternative solution for tabbed navigation. It uses a wheel instead of horizontal or vertical buttons.

This is a HTML5/JavaScript/jQuery plugin.

Required plugins

• JavaScript library: jQuery v1.11.3
• SVG library: Raphaël.js v2.1.2 (customized)
• Wheel navigation library: wheelnav.js v1.7.0
• Free SVG icons: from Raphaël icons

Changelog

v2.2.1 – 2021-03-17

• Add unlimited tab support
• Add support to jQuery 3.x

v2.2.0 – 2016-11-10

• New feature: keyboard handling
• Update wheelnav to v1.7.0

v2.1.0 – 2016-02-26

• New tab type: Center
• New feature: slider’s seconds (autoplay)
• Fix Apart-left, Apart-right responsive bug
• Modify type data attributes: data-wtab-tabtype, data-wtab-tabsubtype, data-wtab-tabwheeltype, data-wtab-tabthemetype, data-wtab-tabtitle-tooltip
• Modify default wheel id to tab-wheel
• Update Bootstrap to v3.3.6 (for demo)

v2.0.0 – 2015-11-07

• Add HTML5 data attributes and jQuery API
• Remove Bootstrap dependency
• Images are supported on wheel’s title
• Deep linking is available via selectedTab
• Tab panes are animated
• Wheel’s radius and animation are adjustable
• New wheel type: Wheel
• Tab pane style settings: rounded, shadowed, minimum height
• Update wheelnav to v1.6.1
• Update jQuery to v1.11.3

v1.1.0 – 2015-05-22

• Support from two until eight tab panes
• New feature: marker
• Update Bootstrap to v3.3.4
• Update wheelnav to v1.5.4

v1.0.0 – 2015-03-14

• Initial release