UI Widgets

The Webix UI library supplies over 70 fully customizable widgets to help you build interfaces of different kinds, nicely present data and work with it. There are also multiple controls and specific features to make your applications good-looking and user-friendly.

All the widgets are objects made with the webix.ui() constructor where the type of the widget is set by the 'view' property (the declarative syntax is available as well).

Complex Widgets

A set of ready-made JavaScript widgets is provided to solve tasks in different fields. Whether you need to create an interactive data report, optimize a workflow, add and manage events, handle hierarchical data or make calculations in a powerful spreadsheet, you will surely find a proper widget for your needs in the Webix library.

Data Widgets

Data widgets are used to present data of a specified type on the page. Such widgets manage the space allocated for their data and provide functionality for its access and configuration.


Layouts help you to organize your web page, define its overall look-and-feel. You can arrange the content in columns and rows, divide it into groups and control through navigation or animation.

Context Widgets

Context widgets let displaying spatial and temporal information on some user's action, such as click on a button or filling in a field.

HTML-oriented Widgets

HTML-oriented widgets supply handy means for using habitual HTML elements in an application. There you can specify HTML templates, inline frames, forms etc.

Specific Widgets

The widgets listed in this section will help you to complete the picture of your application, add special features that can't be achieved with the standard set of widgets presented above.


Controls are mainly responsible for handling events since they enable user-app interaction by triggering functions attached to them. Note that any event can be attached to any widget by referring to its ID.

UI Extensions

UI extensions are helpful widgets that are mostly task-oriented and intended to accomplish a certain purpose. They are already quite configurable and need only to be initialized on the page to start serving.

To see a complete list of extension widgets and find out details on their use, please, go to the chapter - UI Extensions.

Back to top