Demo apps - JavaScript Dashboards

Explore live demos and build modern HTML5 apps with Webix UI widgets. Browse popular layouts, dashboards, and app templates. Test in browser or download source code.

Download free trial

*no credit card required

Complex widget demos

Scheduler

The web calendar demo for planning events, scheduling meetings, booking items that can be integrated into any business application.

View

Gantt

The Gantt functionality allows you to create solutions for managing projects and resources, setting tasks, and monitoring their execution.

View

SpreadSheet

Excel-like SpreadSheet widget with rich functionality including formulas and math, sorting and filtering, editing, various types of data.

View

Kanban

Create seamless workflow visualization by using a flexible and easily embeddable Kanban Board widget with an intuitive drag-n-drop.

View

Pivot Table & Chart

With Pivot, you can easily analyze and compare complex data, create reports by dragging and dropping the elements graphically.

View

File Manager

The demo of JS File Manager shows how you can organize and manage hierarchical data in a web application in a file explorer way.

View

Document Manager

The full-fledged solution for the document management flow including real-time collaboration, versions control, advanced search, etc.

View

Rich Text Editor

The demo of a featured editor with text formatting options that allows creating structured documents in both classic and document modes.

View

Report Manager

The ready-made solution for building and storing big data reports with searching, sorting, and exporting reports in Excel and CSV formats.

View

Chat

The demo of JavaScript web application for exchanging direct messages between users within the application.

View

User Manager

The ready-made solution to manage the users list and to administer access rights and permissions.

View

Query

The demo demonstrates a way for creating complex filters working with huge amounts of data without programming or forming SQL queries.

View

Diagram

Try how easy creating diagrams can be with the Diagram demo. Choose any shape of the blocks or come up with a personal option.

View

Desktop

A remote desktop demo in a familiar format. You can define a set of applications that you want to add to your Desktop widget.

View

To Do List

Explore the task management demo that allows to organize tasks by parameters — due dates, projects, and hashtags.

View

Web apps demos

Admin App

The example demonstrates a number of widgets in action: Comments, Charts, Tables, Forms and To Do List.

View

Student/Teachers JS Dashboard

The Webix Core based app for student progress monitoring shows how chart visualization widgets can enrich your next web app.

View

Doctor Appointment App

This JavaScript app demo facilitates appointments scheduling and operates as part of a medical portal.

View

Inventory app

Explore how to facilitate computer equipment service and monitor the computers’ condition, maintenance schedule, and assignment.

View

QA Dashboard

The Webix Core based dashboard allows viewing the working progress of a team and displaying data in a visually appealing and clear way.

View

Bank App

The Bank app demo allows users to view, edit, and analyse financial data, as well as managing payment history and customer details.

View

Booking App

The app demo for booking tickets and planning vacation. It allows users to look for flights on certain dates and routes by using Form.

View

Team Progress App

The demo tracks team progress with charts for stats and comparisons, a toolbar for navigation, task management, and app configuration.

View

Web Desktop UI

This demo shows how to build Windows-like Metro UI based on the Webix JavaScript UI library. including Core widgets and JS File Manager.

View

Geo Explorer

The Geo Explorer demo includes the Webix Maps widget that allows interacting with Google Maps within an application.

View

JS Templates

Finance Dashboard Template

The template is ready to use or integrate, offering a clear, structured view of personal expenses, invoices, and transaction tracking.

View

Chat Discussion Template

The JavaScript template is ready to use or integrate, providing a handy tool for messaging, contact saving, file sharing, and voice calls.

View

Contact Template

This ready-to-use JavaScript template enables saving contacts, sharing files, and making phone and video calls.

View

Travel Dashboard

A ready-to-use JS template featuring tools for booking tickets, tracking travel history, and viewing descriptions and reviews of destinations.

View

Hospital Management

The JavaScript template for hospital management, displaying doctor and patient information with bright charts showing recent analytics.

View

Extended Task Board

Prebuilt JavaScript template with the source code featuring a Kanban board with task editing and commenting capabilities.

View

Email Client

JavaScript template with a familiar email inbox interface, designed for seamless integration into any web application.

View

Helpdesk Ticketing

The Webix UI template for helpdesk ticketing is ready to integrate, offering ticket tracking, status updates, and performance charts.

View

Timesheet template

The ready-made JS template integrates into project management systems, displaying projects, tags, tasks, statuses, progress charts.

View

Budget Tracker

This JS UI template helps users track expenses, maintain budget balance, and view categorized expense history with diagrams.

View

Education progress board

This JS template enables course progress tracking, viewing contacts and messages, planning events, and visualizing achievements.

View

Chat/Messenger JS Template

This JS template enables creating a web chat or online messenger to speed up development and simplify learning the Webix library.

View

Purchases list for the ERP system

This JS template enables creating a purchase list for enterprise ERP systems and can be integrated into business apps built with Webix.

View

Music library/player

This JS template is ready to integrate, letting you listen to music, sort songs by artist, album, or genre, and create personal playlists.

View

Jobs / HR board

This template is ready for HR use, enabling candidate listing by skills, education, or experience, posting vacancies, and messaging applicants.

View

POS Terminal template

The e-commerce template for showing product lists with thumbnails, descriptions, prices, purchase history, and enabling item payments.

View

Webix Personal Task Board 2 Template

This ready-made JS UI template integrates into any web solution, letting users track tasks, view reports and invoice charts.

View

Personal task board JavaScript template

This template fits ERP or task management systems, featuring recommended actions, assignments, reports, and balances.

View

E-commerce marketplace JavaScript template

This template for e-commerce apps displays item lists, a marketplace menu, and current balances, with easily customizable elements.

View

Shopping cart template

This JavaScript e-commerce template lets users manage cart items, view orders, create wish lists, and open disputes with ease.

View

Expenses board template

This template helps track personal expenses, filter and group them, import reports in PDF or Excel, and customize all elements easily.

View

Frequently Asked Questions

Are the demos and templates free to use?

Yes, all demo apps and templates are free to explore and customize. You can use them as starting points for your project. However, some dashboards and widgets require the Webix Pro license for advanced functionality.

Do I need Webix to use JavaScript Dashboards and Templates?

Yes. Most demos and templates are built on the Webix library and available for Webix users. You don't need to code the interface from scratch - Webix provides all the building blocks for a polished, professional look.

What license applies to Dashboards and Templates?

They are distributed under the MIT License (MIT). This means you're free to download, modify, and use them in your projects with minimal restrictions.

Can I customize the design of a Dashboard or Template without design skills?

Absolutely. You don't need to be a UI/UX expert. Webix comes with seven professionally designed skins you can apply instantly. For full control, use the Skin Builder tool to adjust colors, fonts, and spacing in a visual editor without touching CSS.

Will the JavaScript templates and dashboards work with the free (community) edition of Webix?

Yes, most dashboards and templates work perfectly with Webix Standard (community edition). Only apps that rely on complex Pro widgets (like the Inventory Management App demo) require a commercial license.

Can I integrate these demos or templates into my own application quickly?

Definitely. The demos are built as modular, real-world examples, so you can drop them into your app and connect them to your backend with minimal effort. We designed them specifically to save you weeks of UX/UI work and help you focus on business logic instead.

Is there technical support for customizing a dashboard or template?

If you are a Webix Pro user, you receive professional support. For community users, you can access documentation, community forums, and GitHub examples.