Getting Started
Webix is a cross-browser, cross-device JavaScript framework for building interactive web applications using JavaScript, CSS, HTML5 techniques. The library delivers over 100 fully customizable components, provides integration with popular JS frameworks and can work with any server-side platform.
- Read theOverview article to find out main Webix concepts and features.
- Look into theCompatibility article for supported browsers and platforms.
- Study theWhat's New list and theMigration guide to keep informed about latest updates.
Basic code
- Create a simple HTML page and includeWebix sources.
<!DOCTYPE HTML><html><head><linkrel="stylesheet"href="//cdn.webix.com/edge/webix.css"type="text/css"><scriptsrc="//cdn.webix.com/edge/webix.js"type="text/javascript"></script></head><body><scripttype="text/javascript"charset="utf-8">/* app code */</script></body></html>
- Define Webix UI configuration
webix.ui({ rows:[{ view:"template", type:"header", template:"My App!"},{ view:"datatable", autoConfig:true, data:[/*data array*/]}]});
Andthat is all. Just open the page in a browser and you'll have a working mini app.
Tutorials
Start Coding with Webix
This tutorial introduces basic principles of using the Webix library for web app development.
Webix Interactive Tutorials
Creating basic app
This tutorial discusses the main points of creating a simple app with the Webix library:
Datatable essentials
This tutorial teaches how to create and use DataTable, the most powerful Webix UI component.
Using Form Controls
This tutorial deals with numerous Webix form controls, their possibilities and API.
Webix Visual Designer Guide
Webix UI Designer User Guide
This tutorial gives you detailed instructions on how to start working with the tool for UI prototyping.