Demo apps – JavaScript Dashboards

Build modern HTML5 web apps with Webix UI widgets and controls. Look at the most required UI structures and check out other JavaScript Dashboards web applications.

Web apps demos

Student/Teachers Dashboard JS

Student/Teachers Dashboard JSThe app for student progress monitoring can greatly facilitate teachers' work. Information visualization allows them to analyze the achievements very quickly, even if the number of profiles is considerable. For example, thanks to colorful charts, it is possible to track each student's achievements on different subjects. Teachers and professors can see the average score of a person over a certain period, compare their marks with the progress of the previous years, etc.

Doctor Appointment App

Doctor Appointment AppThis JavaScript app demo facilitates appointments scheduling and operates as part of a medical portal. The app allows staff in medical institutions to manage doctor appointments effortlessly. Healthcare professionals have information about their patients at hand. Doctors can view diagnoses, appointment time and date, client's contact details, etc. Patients can schedule a visit, learn more information about their physician, and medical center itself.

Inventory app

Inventory appInventory app facilitates computer equipment service. A convenient and good-looking UI allows system administrators to cope with considerable numbers of electronic devices and their components. Technical staff can effortlessly monitor the condition of computers and take care of scheduled maintenance. Statistics reports help define the general state of the whole company's equipment.

QA Dashboard

QA DashboardThe dashboard allows viewing the working progress of a team. DataView, DataTable, and GeoChart display data in a visually appealing and clear way. Sidebar enables convenient in-app navigation. Toolbar contains widgets for controlling the app settings.

Bank App

Bank AppThe app allows to view, edit, and analyse financial data. Payment history in DataTable can be sorted and filtered. You can view customer details in stylish Form. The app has basic settings: locale, color theme, the length of the payment history, etc.

Booking App

Booking AppAn app for booking plane tickets and planning vacation. Flight information is displayed in laconic DataTables. You can look for flights on certain dates and routes by using Form. Toolbar includes controls for app settings and viewing notifications.

Team Progress App

Team Progress AppA dashboard for viewing the progress of a team. Charts show statistics and allow to compare achievements. Toolbar provides means of in-app navigation, search, adding new tasks and configuring the app (theme and language).

Web Desktop UI

Web Desktop UIThis demo shows how to build Windows-like Metro UI based on the Webix dashboard JavaScript framework. The example contains Layout, Toolbar with buttons, Menu, Window widgets and File Manager to demonstrate particular application.

Geo Explorer

Geo ExplorerThe library provides the Maps widget that allows interacting with Google Maps within an application. Webix also supports integration with other third-party web maps.

Admin UI Templates

Admin UI TemplatesThis demo shows an admin app built with the use of Webix Admin UI Templates. The example demonstrates a number of widgets in action: Dashboard, Charts, Tables, Forms, SpreadSheet, Kanban, Pivot and File Manager. This app showcases convenient and effortless data management.

Complex widget demos

Report Manager

Report Manageris a convenient solution for building and storing big data reports. We have provided three different ways of data representation, as well as an opportunity to search, sort, and export reports in Excel and CSV formats.

Chat widget

Chat widgetis the JavaScript web application for exchanging direct messages between users within the application. JavaScript Chat allows organizing chat rooms with several users with an opportunity to manage the list of contacts and the look of the chat itself application.

User Manager

User Manageris the ready-made solution to manage the users list and to administer access rights and permissions. We have foreseen numerous settings, activity logging, security audit and various ways of auto-identification and authorization of the users.

Pivot

PivotWith Pivot, you can easily create various complex table reports by dragging and dropping the elements graphically. It provides handy ways of summarizing, organizing, and comparing business data.

Spreadsheet

SpreadsheetCreate your perfect spreadsheet with rich functionality using a flexible and easily embeddable Excel-like SpreadSheet widget. You can customize its UI in accordance with project requirements.

Kanban

KanbanCreate your personal tool for visualization of workflow by using a flexible and easily embeddable Kanban Board widget. You can adjust the drag-n-drop behavior and the widget's UI according to project requirements.

File Manager

File ManagerThis demo of JavaScript File Manager UI widget shows how you can organize and manage hierarchical data in a web app. This widget allows dragging files and folders from one directory to another the way any desktop file explorer does.

Scheduler

Scheduleris a web calendar that can be integrated into any business application. You can use this solution for planning events, scheduling meetings, booking items and so on. Scheduler is created as a web widget, which allows you to integrate it into any browser based solution: website, IoT panel, single page app.

Gantt

Ganttis an Agile project management solution. The Gantt functionality allows you to create solutions for managing projects and resources, setting tasks, and monitoring their execution. Online Gantt Chart can be integrated into any web business solution or browser application. Webix Gantt is easy to customize and integrate into any information solutions and system platforms.

Query

Querywidget is a convenient tool for creating complex filters. It allows users to work with huge amounts of data without programming or forming SQL queries. Data may be edited or deleted, and there is a possibility to add a filter or a group. Advanced features include landscape and portrait modes, as well as a compact one. The widget is easily integrated with other data widgets.

JS Pivot Chart

JS Pivot ChartThe widget allows analyzing and comparing complex data. There are various chart types. It exports data to such formats as PDF, PNG, Excel, CSV. The chart settings are customizable. There is also an opportunity to add filters or arrange groups. The widget is easily integrated into any application.

Diagram

Diagramis a helpful tool for creating diagrams. The layout of the blocks and their styling is easily customizable. You can choose any shape of the blocks or come up with a personal option. The diagrams allow adding tree-like data, set up links, and organize cyclic dependencies.

Document Manager

Document Manageris a widget for the development of electronic document management flow. Save your time and money on the development and design costs with our full-fledged solution.

To Do List

To Do Listis a comprehensive task management solution that allows to organize tasks by parameters — due dates, projects, and hashtags. You can also assign tasks to a particular user and split them into separate tasks and subtasks.

Desktop

Desktopwidget is a remote desktop in a familiar format. You can define a set of applications that you want to add to your Desktop widget. It includes Webix widgets and apps that you use daily, or even non-Webix apps.

Javascript Dashboards

Doctor Appointment App

Doctor Appointment AppThis JavaScript app demo facilitates appointments scheduling and operates as part of a medical portal. The app allows staff in medical institutions to manage doctor appointments effortlessly. Healthcare professionals have information about their patients at hand. Doctors can view diagnoses, appointment time and date, client's contact details, etc. Patients can schedule a visit, learn more information about their physician, and medical center itself.

Inventory app

Inventory appInventory app facilitates computer equipment service. A convenient and good-looking UI allows system administrators to cope with considerable numbers of electronic devices and their components. Technical staff can effortlessly monitor the condition of computers and take care of scheduled maintenance. Statistics reports help define the general state of the whole company's equipment.

QA Dashboard

QA DashboardThe dashboard allows viewing the working progress of a team. DataView, DataTable, and GeoChart display data in a visually appealing and clear way. Sidebar enables convenient in-app navigation. Toolbar contains widgets for controlling the app settings.

Bank App

Bank AppThe app allows to view, edit, and analyse financial data. Payment history in DataTable can be sorted and filtered. You can view customer details in stylish Form. The app has basic settings: locale, color theme, the length of the payment history, etc.

Booking App

Booking AppAn app for booking plane tickets and planning vacation. Flight information is displayed in laconic DataTables. You can look for flights on certain dates and routes by using Form. Toolbar includes controls for app settings and viewing notifications.

Team Progress App

Team Progress AppA dashboard for viewing the progress of a team. Charts show statistics and allow to compare achievements. Toolbar provides means of in-app navigation, search, adding new tasks and configuring the app (theme and language).

Admin Apps

Admin UI Templates

Admin UI TemplatesThis demo shows an admin app built with the use of Webix Admin UI Templates. The example demonstrates a number of widgets in action: Dashboard, Charts, Tables, Forms, SpreadSheet, Kanban, Pivot and File Manager. This app showcases convenient and effortless data management.

Salesforce Apps

Custom Salesforce Finance app

Custom Salesforce Finance appis an example of Webix integration into the development environment Salesforce. Due to the expanded opportunities of the Webix library you can create any CRM and ERP solutions in the Salesforce environment. Use this template to get acquainted with the integration peculiarities of the Webix and Salesforce.

FAQ

Do I need Webix to use JavaScript Dashboards?

Yes. Dashboards require the Webix library.

What is the license required for the Dashboards?

These apps are distributed with the MIT License (MIT) Copyright (c) 2021.

Can I change the design of the Dashboard I need?

You can choose any of the five design skins built into Webix or you can create your own one with the help of Skin Builder.

Will the JavaScript Dashboards work with the community (opensource) edition?

Yes, the Dashboards are compatible both with Webix Pro and Webix standard (community edition). The exception is the Inventory management App and the examples of the complex widgets.

Can I build the Dashboard I need into my application?

Yes, we have created these examples to facilitate and to speed up your work. You can find more free designs here.

Are the Dashboards free?

Yes, they are. The demo apps themselves are free. But you may need the commercial package Webix Pro for some of them to work.