Webix

Webix is a JavaScript/HTML5/CSS3 UI toolkit for developing complex and dynamic cross-platform web applications.[2][3] The framework is developed by the IT outsourcing company XB Software, headquartered in Minsk, Belarus.[4]

Webix JavaScript UI Widgets Library
Developer(s)XB Software Ltd.
Stable release
7.1.0 / September 24, 2019 (2019-09-24)[1]
Repository
TypeJavaScript library
LicenseGNU General Public License, Commercial
Websitewebix.com

Features

Webix consists of GUI controls, widgets, complex widgets and online tools: Snippet Tool, Form Builder, and Skin Builder.[5] Additionally, Webix offers Webix Jet, a free opensource microframework for convenient development of apps using the Webix components.

All widgets support drag and drop,[6] offline storage and synchronization, dynamic data loading and paging. They can be initialized from JSON data, HTML markup, XML data, or via JavaScript calls.

Webix integrates with client-side libraries and frameworks like React, Angular and Vue.js, and with the Meteor full-stack framework.[7]

Commercial status

There are two versions of Webix library: Webix Stardard and Webix PRO.

Webix Standard is free and open-sourced under the GNU GPLv3 license[8], but can be used in applications distributed under the MIT, BSD and other open-source licenses via a FLOSS exception. Webix Standard includes 68 widgets and controls as well as 10 locales.

Webix PRO is available under a commercial license and includes extra functionality: 100 widgets and controls, plus 300 locales. The following features are included: additional DataTable functionality, saving and restoring application state, extra styling and customization, ability to use complex widgets: Pivot, Kanban, Spreadsheet, File Manager, and Scheduler. Complex widgets are available at extra cost.

Complex widgets

Pivot Table

This complex widget acts as a ready-made app for data management. Webix Pivot allows extracting information from huge datasets, exporting tables to various formats, flexible UI customization, and creating functions. The widget offers all the features necessary for effortless data management: filtering, sorting, and cell highlighting, on-the-fly configuring, structure presets, etc.

SpreadSheet

SpreadSheet is a functional data table. It's possible to export Excel documents to it and import data in several formats: Excel, PNG, and PDF. A user can change the number of columns and rows, create functions, and customize UI. The widget allows setting up localization and adding other Webix components. Webix SpreadSheet can be integrated with such back-end and front-end platforms like PHP, Node.js, .NET, jQuery, AngularJS, Vue.js, React, and other libraries.

Pivot chart

Webix Pivot chart is an effective tool for information visualization. Users can export charts in several formats: PDF, PNG, CSV, and Excel. UI customization is also available. It's possible to tune the settings, filters, configuration window, etc. Webix Pivot Chart can be integrated with several front-end and back-end platforms. The widget offers such features as filtering and sorting, clickable chart legend, on-the-fly configuring, and structure presets.

Kanban

Webix Kanban allows compact visualization of the software development team's workflow. Users can create, modify, and delete task cards. The number of tasks and columns is unlimited. This widget offers features like drag-n-drop of cards, swimlanes, filtering, single or multiple card selection, context menu, highlighting, and custom arrangement for cards. Like other complex widgets by Webix, Kanban can be integrated with various front-end and back-end platforms.

File Manager

JavaScript File Manager by Webix offers a familiar interface. Thanks to this peculiarity, a user doesn't need to spend much time learning how to use the app. Files can be uploaded via a single button click. There is also a variety of necessary features: context menu with actions, drag-n-drop of folders and files, file upload and download, quick search field, custom content modes, keyboard navigation, and loading data on request.

Mobile Scheduler

This widget is a scheduler with a touch-oriented design for mobile devices. It's possible to add several types of events: one-day, long-lasting, or recurring. A user can switch different view modes, e.g., a schedule for a day, week, month, or year. Localization is also available. Mobile Scheduler by Webix offers features like custom date formats, recurring, creating, editing, and highlighting events. Like other complex widgets by Webix, Mobile Scheduler supports all modern browsers. It can be integrated with several other libraries and frameworks. This widget also follows Section 508 and WAI-ARIA standards and supports keyboard navigation.

UI Designer

UI Designer is a WYSIWYG editor that allows creating interface prototypes using the Webix components. Thanks to this tool, Webix users can build the app's UI by visual means and get the resulting code. It's possible to customize all the elements, invite colleagues to work on the same project together, and download designs in several formats. Webix UI Designer is free of charge.


Books

  • Zammetti, Frank - Practical Webix: Learn to Expedite and Improve your Web Development (2018)[2]

See also

References

  1. "Webix Git Hub Tracker". Retrieved 12 May 2019.
  2. Zammetti, Frank (2018). Practical Webix : learn to expedite and improve your web development. Pottstown, Pennsylvania, USA: Apress. p. 5. ISBN 1484233840. Retrieved 12 May 2019.
  3. Narayanaswamy, Anand (26 September 2014). "Webix JavaScript UI Library Helps to Build Cross Platform HTML5 and CSS3 Applications". InfoQ: Software Development News, Videos & Books. Retrieved 18 February 2017.
  4. Amar, Alvie. "Webix review". DiscoverSDK.com: Tools for developers. Retrieved 18 February 2017.
  5. "The 5 Most Promising Frameworks of the First Half of 2016". Dzone.com. Retrieved 18 February 2017.
  6. "Drag-and-Drop in Webix UI". Coderwall.com: Programming Tips. Retrieved 18 February 2017.
  7. "Integration with Other Frameworks". docs.webix.com. Retrieved 12 May 2019.
  8. "Create user interfaces for web applications with minimal effort". A 10-step guide to creating an email client with Webix framework. 10 May 2017.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.