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

Build a Powerful JavaScript/HTML Dashboard
Faster with DHTMLX

Name: JavaScript Dashboard Framework - DHTMLX Dashboard
Rating: 4.7 (34 reviews)

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

Check documentation

Open fullscreen demo

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.

Charts

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.

Grid

DataGrid for Data Visualization

A key component in the majority of dashboard frameworks with inline editing and grouping.

Dataview

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

Form for Creating New Tickets

Customizable form with built-in validation and 20+ controls (input, combo, checkbox, etc.).

Pagination

Paging Control for Grid Table

Displays a configurable input field for quick navigation and allows setting the initial page.

Toolbar

Toolbar for Smooth Navigation

It supplies plenty of controls for adding items, switching languages, triggering menus, etc.

Window

Window with Attached Form

You can add multiple windows per page with HTML content or other DHTMLX components.

Layout

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.

Open fullscreen demo

How to Use JavaScript UI Dashboard Demo Example

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.

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.

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

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.

Learn more

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.

Learn more

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.

Learn more

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.

Learn more