<
DHTMLX Suite 9.1: Grid with Row Expander, Multi-sorting, Multiuser Backend, and New Samples

Build a Powerful JavaScript/HTML Dashboard
Faster with DHTMLX

Kickstart your coding with a pre-built JavaScript dashboard layout arranged
from customizable DHTMLX Suite widgets.

View demo on desktop

Suite UI Components
for Building JavaScript Dashboards

The Material Design dashboard is a demo composed of different Suite UI widgets that can be configured separately. You can use it to build a complete web dashboard for ticketing, marketing, sales, analytics, CRM, or any other purpose.

Interactive Pie and Area Charts for Engaging Data Tracking
Charts may show data in real time reflecting all the recent changes. The color scheme, legend, scales, labels, and tooltips can be styled according to the design of your HTML dashboard template.
DataGrid for Data Visualization
A key component in the majority of dashboard frameworks with inline editing and grouping.
DataView Component for Clean Data Structuring in a Web Dashboard
Allows you to arrange plain text with headers, images, icons, and any imaginable elements inside tidy blocks. It supports multiselection, drag-n-drop, inline editing, and flexible arrow key navigation.
Form for Creating New Tickets
Customizable form with built-in validation and 20+ controls (input, combo, checkbox, etc.).
Paging Control for Grid Table
Displays a configurable input field for quick navigation and allows setting the initial page.
Toolbar for Smooth Navigation
It supplies plenty of controls for adding items, switching languages, triggering menus, etc.
Window with Attached Form
You can add multiple windows per page with HTML content or other DHTMLX components.
JavaScript Dashboard Layout for Attaching DHTMLX Components
You can choose between horizontal, vertical, and mixed layouts. Elements can be flawlessly resized, collapsed or hidden from the UI. Due to a rich API and extensive customization opportunities, it's easy to achieve a unique look and feel for your web apps.

How to Use JavaScript UI Dashboard Demo Example

1
Download demo

Fill in a form and we'll send you an email with the download link. Follow the link to get a free 30-day trial version. Unpack the file into your working directory and run the demo example by following the instructions from README.md.

2
Play around look and feel

The UI dashboard demo is made with the Optimus framework. Each component can be initialized, modified, or removed separately. The demo is based on the REST API, so you can use any backend platform that supports it.

3
Test for free for 30 days

This demo example is available under the Evaluation License. To continue using it in your project after the evaluation period expires, you should purchase the DHTMLX Suite license.

Add Other DHTMLX Components to Build
a Full-Fledged Web App

Gantt
Scheduler
Rich Text Editor
DHTMLX Gantt Chart Library
Gantt Chart
Comprehensive resource management functionality with resource allocation, charts, and histograms.
Auto-scheduling and critical path calculation.
High-performant that renders 30 000+ tasks in milliseconds.
Feature-rich API that ensures quick integration and minimal learning curve.
Versatile export options, including Excel, iCal, MS Project, PDF, PNG, and Primavera P6 formats.
Scheduler
Scheduler
Support for recurring and multi-section events, with intuitive drag-and-drop and keyboard navigation.
10 calendar views, including Timeline, Day, Week, Month, and Year.
Full customization of the calendar's appearance and functionality at your fingertips.
Exporting your scheduler to PDF and PNG formats or print.
Rich Text Editor
Rich Text Editor
Performing all essential text editing and formatting operations.
Block quotes
HTML and Markdown formats support.
Fully configurable toolbar and adjustable appearance to suit your project requirements.

Why Use DHTMLX Suite for Building
JavaScript UI Dashboard?

Toolkit of feature-rich UI widgets
Focus on functionality, not repetitive coding. DHTMLX Suite delivers a set of interactive UI components, including charts, grids, forms, and editors, to facilitate your dashboard project development and reduce time to market.
Flexible configuration and complete accessibility
Use extensive APIs to configure components' look and feel and create professional-grade dashboards. DHTMLX Suite includes built-in themes, supports keyboard navigation, and implies using special WAI-ARIA attributes.
High performance with large data sets
Build a web dashboard that handles large datasets with lightning-fast performance. Our DHTMLX Grid supports dynamic loading and allows rendering 100,000+ rows in milliseconds.
Seamless integration with any tech stack
Easily integrate DHTMLX Suite with any front-end or back-end framework. We suggest using ready-made code examples for Angular, React, Svelte, and Vue.js to ensure a smooth setup process.
Explore DHTMLX Suite
We provide free technical support with integrating DHTMLX Suite UI library and configuring it. After the evaluation, you may continue with a paid license for commercial usage or the GPL v2.0 license for open-source projects.

Other JavaScript UI Templates

Start with Suite
JavaScript UI library with 20+ widgets for the efficient development of web and mobile apps for any industry

Unlock up to 65% Savings with DHTMLX Bundles