Complete Solution in a Single Bundle

Widgets for Specific Tasks

The library contains widgets with specialized functionality: RangeChart, GroupList, Pivot, etc. For example, TreeTable widget include properties of both DataTable and Tree with hierarchical data visualization and restores the saved widget state.

webix.ui({
    view:"treetable",
    columns:[
        { id:"value",
          header:"Packs",
          template:"{common.treetable()} #value#"
        },
        { id:"size", header:"Size",  width:100}
    ],
    data: "..." //data array
});

Fine Adjustment

Widgets and controls can be easy configured with a number of settings that affect their functionality and look-and-feel. With a built-in interactive 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 DataTable 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 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

Pivot
Pivot widget

JavaScript Pivot complex widget intended for well-organized visual table reports and graphical representation of data.

  • sum counters, filters, readonly mode
  • inline and external data supports
  • datatable / chart and configuration window
  • logarithmic scale for Pivot Chart
Learn more
Kanban
Kanban widget

Javascript Kanban board is a tool for viewing work in progress and controlling the process from tasks to solutions.

  • unlimited number of columns and rows
  • customization via HTML templates
  • swim line function
  • expand or collapse Kanban panels
Learn more
Spreadsheet
SpreadSheet widget

JavaScript Spreadsheet is a complex widget allows integrating Excel like sheets in web apps and working with data online.

  • data binding and validation
  • sorting and filtering
  • custom styling
  • math functions
Learn more
File Manager
Filemanager widget

JavaScript File Manager assists in managing hierarchical data and navigating through it in a user-friendly style.

  • copy/paste, rename, delete files and folders
  • work with hierarchical data
  • included flexible layouts
  • drag-and-drop functionality
Learn more
Mobile Scheduler
Scheduler widget

JavaScript Mobile Scheduler is a full-featured tool for displaying, creating and managing events in daily, weekly, monthly views on all kinds of mobile devices.

  • support of multi-day events or appointment recurrence
  • localization of language, time and region
  • customization of date formats, elements, toolbars
  • for all operating systems: iOS, Android, Windows Phone, Blackberry, etc.
Learn more

Start Building your Code with Real Interactive Apps

Build rich UI in a few lines of code

Why to 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 library, MVC frameworks AngularJS, 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 widget's options with no loss of functionality.

Create Rich User Interfaces with Complex Widgets

Packaging for All Size of Businesses

Developer Pack
$469 1 developer
Final price $469
PRO Edition: 80 widgets and controls
Standart Support
  • 6 tickets Unlimited 1st month
  • 48 hours max. initial response time
Buy
Enterprise Pack
$200 20 developers
Final price $3999
PRO Edition: 80 widgets and controls
Premium Plus Support
  • Unlimited number of tickets
  • 24 hours max. initial response time
  • 10 live chat sessions
  • Emergency bug fixes
  • Integration audit
Buy
Open Source
Free
GPLv3 License
Standard Edition: 61 widgets and controls
Custom Pack

Let’s work together and create a Pack that’s perfect for you:

  • specified number of developers
  • custom license agreement
  • additional development services

Customer Showcases of Using the Javascript UI Library

Requirements

Online web app with responsive UI for designing signs, uploading files, seeing statuses of the orders.

Resources

  • UI library UI library

Result

Myglasslink.no – web-service for professional tag signs required technical marking

Result
We chose this html5 framework among other libraries because of wide-range UI widgets, regularly updates and cool support, easy to extend and use with 3rd party js libs to build responsive UI.

Requirements

Financial reporting & budgeting solution, fully web-based, and integrated with MS Excel. Offered as SAAS (software as a service).

Resources

  • UI library UI library
  • Pivot
  • Spreadsheet
  • Sidebar
  • Node.js/Nginx

Result

XLReporting – reporting, budgeting, and consolidation software

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.

Requirements

Creation working environment for the project scheduling and workflow controlling web application.

Resources

  • UI library UI library
  • Webix Jet

Results

New GanttPRO interface design — online Gantt chart software

Result
We liked the 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.
Yuriy Klyuch Glasslink developer
Johan Smith Head of SFM BV
Sergey Kunitskiy Software Engineer

Free Tools for Smart Web Development

Useful tool for prototyping javascript dashboards, quick previewing of results and sharing with team members or customers via social networks.

Code Snippet 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.

Form Builder Try Now

Online web design tool for setting user interface styles and working with theme templates such as Material, Compact, Touch, etc.

Skin Builder Try Now

Webix Jet is a javascript micro framework for combination and reuse of the same components (javascript widgets and controls) for compact and elegant code creation.

Webix Jet Learn More

Cross Platform Development with Webix Web Component Library