Overview

Webix is a cross-browser, cross-device JavaScript framework for building interactive web applications using JavaScript, CSS, HTML5 techniques. The library delivers over 80 fully customizable components, provides JQuery integration and can work with any server-side platform: PHP, .NET, Java, etc. Flexible layouts, unlimited extensibility, controllable look-and-feel, and intuitive API allow creating apps of any difficulty that will work equally well on desktop, mobile and tablet devices.

Main features

1. Rich UI
The library supplies over 80 fully customizable components such as form, tree, grid, list etc.

2. Supported data formats: XML, JSON, JsArray, CSV
Developers can use their favorite formats to specify data. All popular data formats are supported.

3. Intuitive JS OOP
Simple and light weight code provides easy and understandable OOP concepts.

4. Simple integration with server side
Some platforms (PHP, .NET, Java) have ready solutions for data loading, saving, exporting.

5. Full API support
A full range of API with the detailed descriptions is available.

6. Unlimited extensibility
Webix doesn't limit developers in functionality and provides abundant possibilities in extending existent components and creating new ones.

7. Support for internationalization and localization
Support for internationalization allows applications be translated and modified into local versions for hundreds of languages.

8. Styling with standard CSS
You can use CSS in conjunction with components content to achieve the desired look-and-feel. CSS can be applied to the whole layout or to specific components, items etc.

9. Flexible layouts
Each element in the layout can be configured individually or as a part of layout: width, height, color etc.

10. On-the-fly filtering and sorting
The library offers rich means of filtering and sorting, starting from built-in tools and ending with fully custom filtering logic.

11. Possibility to show or hide components
Any component in the layout can be hidden (showed) by API call.

12. Integration with jQuery
Webix is integrated with jQuery that allows you to follow the main mantra of the jQuery library while developing - running with the least amount of configuration.

13. Dynamically fetching data from the server when the component is scrolled up and down
While working with large datasets, a developer can load data dynamically to reduce complexity and improve performance. Polling interval and the number of loaded records are controlled.

14. Callbacks for all events: load, sorting, etc.
Numerous events let you handle any action or proceeding that can happen in the app.

15. Inline editing
All data containing components can be directly edited on the page, saving users from having to go to a separate page first.

16. Drag-and-drop
Users have the possibility to drag-and-drop items of the components. The library supports both external and internal Drag-and-drop and allows customizing 'drag', 'drop' operations.

17. Integration with third party libraries
Webix can be integrated with various third party libraries: Backbone.js library, Google, Here and Yandex maps, Mercury, NicEdit, TinyMCE and Code Mirror text editors, etc.

18. Copying to/from clipboard
By common CTRL+C/CTRL+V keyboard shortcuts data can be copied to some other application for further processing or moved within one or several components.

19. Offline support
Offline support allows your apps run and be updated offline and don't depend on the state of the network.

20. Data binding
Data binding is the technique that allows you to bind several components together and keep them in sync, i.e. when the data in some of components changes its value, the remaining components are automatically updated to reflect the change.

21. Paging for big datasets
One or several pagers can be added to the app to display data page by page. Data will not be retrieved from server side until the related page is opened. The number of rows per page, templates for navigation controls are set up.
Back to top