JavaScript Tab Bar Component

JavaScript Tab Bar

You can use dhtmlxTabbar as an individual component or as a part of dhtmlxSuite

Product Features

  • Cross-browser (IE, FF, Chrome, Safari, Opera)
  • Full control with flexible JavaScript API
  • Loading content with Ajax or in iframes
  • Top or bottom oriented tabs
  • Close button for each tab
  • Scrollable
  • 4 predefined skins
  • XML, JSON support
  • Auto show/hide left-right tabs arrows mode
  • Fully customizable
  • Easy initialization
  • Full-screen mode (the tabbar takes the entire browser window space)

Live Demo

Create dynamic tabbed-navigation interface
dhtmlxTabbar is a JavaScript tab bar control for creating a dynamic tabbed-navigation interface. With this component, you can add feature-rich, nice-looking tabs to your website or application in a matter of minutes.
Easy initialization
The tabs can be easily initialized on a web page, which makes building Ajax-based tabbed interfaces a breeze. Just assign any elements on your page (for example, divs) to the tabs of the dhtmlxTabbar, and it will automatically do all the work for you. The component will switch these elements, displaying them as the corresponding tab is clicked.
Rich JavaScript API
Tabs can be top or bottom oriented, and a close button can be added to each tab. dhtmlxTabbar comes with 3 predefined skins you can choose from. Cross-browser compatible and fully configurable with a rich JavaScript API, dhtmlxTabbar provides a simple but powerful building block for client-side navigation.
Single-command integration with other DHTMLX components
Together with other DHTMLX components, the tab bar module offers another ready-to-use element for building Ajax-driven web apps. dhtmlxTabbar supports a single-command integration with the DHTMLX components and provides a unified API for assigning objects to tabs or detaching them from tabs.

Editions and Licenses

Standard GNU GPL v2
Free under GPL
  • Use in unlimited projects
  • Forum support
  • Minor and Major updates
Standard Commercial license
up to 5 developers
  • Use in one project
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
Standard Enterprise license
per company
  • Use in unlimited projects
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)

Support & Learning Resources

Technical samples

All Tabbar features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.


Our detailed documentation can learn how to use Tabbar and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxTabbar integration into your app? Contact us