Toolbar UI widget

An HTML toolbar is a cross-browser JavaScript widget that allows creating attractive and feature-rich horizontal toolbars.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Cross-browser Support (IE8+)
  • Ready for Touch Devices
  • Meets Section 508
  • Quick styling with CSS


You can effortlessly customize the look of this JavaScript toolbar widget by changing its parameters including color, font, borders, position and more. By placing different controls (buttons, icons, combos, etc.) into the Webix toolbar, you can significantly change its design and functionality.

Alignment in the Toolbar

Toolbar elements can be effortlessly aligned according to the parameters you specify.

Images and icons

The buttons displayed on a Toolbar can be equipped with your own images. You can use this feature for creating a unique design for your app. If you don’t have any design skills, have no fear. Webix provides you with the collection of icons that can be used to guarantee the uniform look of the application.

Controls for Toolbar

You can use any Webix control as a toolbar element. According to your needs, you may prefer horizontal or vertical arrangement of the elements. In the first case, you have to define an array of columns. An array of rows will do the trick in the other case.