UI Components

The Webix UI library supplies over 70 fully customizable components 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 components are objects made with the webix.ui() constructor where the type of the component is set by the 'view' property (the declarative syntax is available as well).


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 Components

Data components are used to present data of a specified type on the page. Such components 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 Components

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

HTML-oriented Components

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

Auxiliary components

Auxiliary components help you to complete the picture of your application, to add special features that can't be achieved with the standard set of components 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 component by referring to its ID.

UI Extensions

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

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

Back to top