JavaScript UI library for speeding up
Explore
Webix
Webix
Complete solution in a single bundle
Widgets for Specific Tasks
The JavaScript library contains components with specialized functionality: RangeChart, GroupList, Pivot, etc. For example, Tree Table widget encompasses functionality of both JS Table and JS Tree and allows vizualizing and processing hierarchical data within the grid.
webix.ui({
view:"treetable",
columns:[
{ id:"value",
header:"Packs",
template:"{common.treetable()} #value#"
},
{ id:"size", header:"Size", width:100}
],
data: "..." //data array
});
Fine Adjustment
Controls can be easy configured with a number of settings that affect their functionality and look-and-feel. With a built-in interactive JavaScript Calendar and the related date picker controls you can select dates and time slots with ease.
webix.ui({
view:"calendar",
date:new Date(2017,0,13),
weekHeader:true,
events:webix.Date.isHoliday,
width:300,
height:250
});
Fast and Reliable Grids
With JavaScript Table you needn't worry about the application speed. You can work with thousands of rows and columns thanks to its lazy rendering: only visible items are added to DOM. At the same time the powerful API allows processing data efficiently.
webix.ui({
view:"datatable",
columns:[
{ id:"rating",
header:"<div class='webix_icon fa-star'>",
width:100
},
{ id:"title",
header:[{content:"textFilter"}],
width:100
},
{ id:"address",
header:"Address",
fillspace:true
},
{ id:"price",
header:"Price",
sort:"int"
},
{ id:"color",
header:"Color",
template:getColor,
width:100
}
],
data: "..." //data array
});
Flexible and rich forms
You can choose among more than 30 controls during form creating. There are various input fields, versatile select boxes, checkboxes and radiobuttons as well as stylish buttons and toggles.
webix.ui({
view:"form", width:300,
elements:[
{ view:"segmented",
options:["General Info", "History"]
},
{ view:"text",
value:"Gothenburg"
},
{ view:"text",
value:"Barrington Court 112"
},
{ view:"text",
value:"€ 3 860 000"
},
{ view:"datepicker",
value: new Date(2017,8,1)
}
]
});
14 Types of Charts
You can create various types of charts, add dynamics to them or turn them into a RangeСhart. Apart from classic charts, you can use JavaScript TreeMap, Organogram or Gauge for data visualization.
webix.ui({
view:"chart",
type:"splineArea",
series:[
{ value:"#sales#",
color:"#6666cc",
alpha:0.7
},
{ value:"#sales#",
color:"#ffcc33",
alpha:0.7
}
],
xAxis:{ template:"'#month#" },
yAxis:{ start:0, end:10, step:2 },
data: "..." //data array
});
Extra components: complex JavaScript UI widgets
Start building your code with real interactive apps
Build JavaScript Grid with Tree in a few lines of code
Why use Webix UI library?
Understandable logic
By using Webix JS framework you receive an elegant and lightweight code based on object-oriented programming concepts.
JavaScript frameworks and libraries integration
Associate your project with jQuery JavaScript library, MVC frameworks AngularJS, React, Vue.js, Backbone.js, third party UI extensions.
Fast performance for big datasets
Your web applications will work fast even with massive DataTables, Trees, Lists, etc. due to paging and dynamic loading.
Cross platform and browser support
Build HTML5 web apps for desktops, tablets and smartphones with touch screen interface which work in all major browsers.
Pure JavaScript
Full client side solution for animated or highly interactive dashboards due to the instant updates of HTML5 components.
Web accessibility
HTML5 UI library meets WAI-ARIA standards and adds accessibility support for those who need assistive technologies.
Simple server side interaction
All backend technologies can communicate with our JavaScript UI framework, besides you can use solutions for Java, PHP, .NET.
Unlimited extensibility
Customize available components and create new ones — you can modify all component's options with no loss of functionality.
Create rich user interfaces with JS Library
Packages and pricing
|
Individual license |
Company pack |
DevTeam Pack |
Unlim Pack |
|---|---|---|---|
| $349 | $2499 | $3999 | $9499 |
|
One project One developer |
One project Unlimited developers |
Unlimited projects 5 developers Add extra developers at $499 each |
Unlimited projects Unlimited developers |
| All plans come with perpetual commercial license and one year of updates and support. | |||
| Perfect for one developer working on a single project or an MVP | Perfect for internal company projects or a single commercial project | Perfect for development companies that work on projects for multiple clients | Perfect for large development companies with multiple projects and large teams |
| Webix UI Library You may add complex widgets to your license in the next step |
Webix UI Library + 5 complex widgets
Complex widgets: Spreadsheet, Scheduler, Pivot, Kanban, File Manager |
Webix UI Library + 5 complex widgets
Complex widgets: Spreadsheet, Scheduler, Pivot, Kanban, File Manager |
Webix UI Library + 5 complex widgets
Complex widgets: Spreadsheet, Scheduler, Pivot, Kanban, File Manager |
Basic Support
|
Standard support
|
Standard support
|
Priority support
|
| Buy Now | Buy Now | Buy Now | Buy Now |
Customer showcases of using the JavaScript UI library
Myglasslink.no had a need to offer their customers an option of real-time interactive design of tag signs. Webix-based solution allows the end-users to design their signs within a four-step wizard and place their orders. Read the case study.
Resources
Result
We chose this HTML5 framework among other libraries because of wide-range UI controls, regularly updates and cool support, easy to extend and
use with 3rd party js libs to build responsive UI.
XL Reporting is a web-based financial reporting and budgeting solution integrated with MS Excel. Read more about the project.
Resources
Result
We continue to be impressed with the richness and strength of the JavaScript framework, the quality of its API and its team, and the frequency of new product releases.
Our solution now heavily relies on this lightweight JavaScript framework, as well as its various HTML5 UI extensions.
New GanttPRO interface design for the project scheduling and workflow controlling web application. Read the full case study.
Resources
Result
We liked the JavaScript library for the safe and time-savvy prototyping pattern it offers. You can easily move code blocks of layout parts within the application.
So, if the design changes in the process of development, you can quickly adjust the code up to it.
Free tools for smart web development
Webix Jet is a JavaScript micro framework for combination and reuse of the same components (JS controls) for compact and elegant code creation.
Learn More
Useful tool for prototyping JS dashboards, quick previewing of results and sharing with team members or customers via social networks.
Try Now
Powerful online tool for creating web forms in a few clicks. Determine a field and layout, generate your code form automatically in a second.
Try Now
Online web design tool for setting user interface styles and working with theme templates such as Material, Compact, Touch, etc.
Try Now
Cross platform development with Webix Web component library