UI Widgets

The Webix UI library supplies over 100 fully customizable widgets and controls to help you build interfaces of different kinds, nicely present data and work with it. There are also helpful extensions for integration with third-party tools 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).

If you feel puzzled about where to start, explore the Getting Started article. To learn about main features and possibilities of the Webix library, read the Overview.

Complex Solutions

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 Presentation

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.


Visualization widgets provide the possibility to display data in various forms. You can use them in your application to present data in a nice and clear way.


Layouts help you to organize your web page and 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.


Navigation widgets help you to provide best ways of navigation to make users' interaction with an application comprehensible and effective.

Windows and Popups

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


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 Integration Extensions

Integration 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 Integration Extensions.

Back to top