JavaScript layout widgets library

This component allows creating flexible and data-rich dashboards. You can try various ways of elements organization by combining several widgets. Thanks to the drag-and-drop mode it's possible to customize dashboards according to your taste and business requirements.

It's a flexible widget for the effortless placing of UI elements into the grid cells. This component allows designing clear and light layouts. It's a perfect fit in case you need a simple but effective UX solution.

It's a convenient tool for creating customized interfaces from multiple widgets. A user can drag components to any place on the page. It's the best way of changing an app's structure without writing more code.

TabView is a combination of MultiView and TabBar. It enables placing various widgets on one page making them fit in even a little screen.

Layout widget defines how the components are placed on the page. Absolute Layout widget allows you to place Webix widgets into cells with a fixed width, height, and position.

Accordion widget allows you to save space significantly. Some areas with information can be hidden or shown with a click. Only the currently active panels remain visible. The view mode of the panels is changeable. The columns and rows can be organized either vertically, or horizontally. Thus, the widget is easily adjusted to the required design.

Carousel widget allows placing Webix components in a common navigation area. The area is customizable. The direction of the images sliding (vertical or horizontal) and the scrolling speed are customizable. In mobile devices swiping gestures may be applied.

Form widget helps to collect user information. The widget validates the information, highlighting the fields with incorrect data. When combined with other Webix components, complex forms of several pages can be created. The widget may be bound with the Webix List. Any type of data may be inserted and the relevant set of rules will be used for the field validation.

HTML Form widget creates forms from a ready-made HTML forms. Your HTML form is upgraded with Webix Form API. You can access form values, validate them with HTML rules and bind the HTML Form to any Webix data widget.

MultiView widget saves space on a web page. With the help of it, different widgets are placed into separate tabs, but only one of them will be shown at a time. Switching between tabs occurs with dedicated buttons and an animation effect, that can be disabled.

Panel widget is included in the set of dashboard widgets. It is a ready-made component with indicators, graphs, digital data. Dashboard panels can be dragged to any position within the grid by the header or by their inner part.

ScrollView widget is a convenient tool for dealing with long texts. The scrolling may be done either horizontally or vertically. The API allows finding the exact position of a particular line. The scroll speed is adjustable.

The size of Layout sections can be easily changed by moving resizing lines in different directions.

Spacer widget allows to insert empty space in the layout of any application.