<
Download

The JS UI Components
Trusted by 1M+ Developers Worldwide

DHTMLX helps developers and AI coding tools build complex scheduling, project, and data-management apps faster with a modular set of JS components.

DHTMLX
Planning Engine

A headless, UI-agnostic calculation core that brings advanced scheduling and on-demand leveling into products.

DHTMLX Planning Engine

A headless, UI-agnostic calculation core that brings advanced scheduling and on-demand leveling into products.

Resource-aware planning, incremental recalculations, and what-if scenario analysis – all in your app, without having to build complex logic.

Try out DHTMLX Planning Engine
Headless
calculation core
Incremental
recalculations
Cross-stack
deployment

DHTMLX Gantt

Ultra-scalable JS Gantt that stays fast on massive, data-heavy timelines.

Ultra-scalable JS Gantt that stays fast on massive, data-heavy timelines. The core of admin panels, analytics dashboards, and reporting tools.

Try out DHTMLX Gantt
DHTMLX Gantt component preview

Complete Pack

The full collection of DHTMLX components — everything you need to build data-rich web applications

13 complex components
20+ core UI controls

The full collection of DHTMLX components - everything you need to build data-rich web applications.

Every component, widget, and UI module from the DHTMLX ecosystem - from project management and scheduling components to the full UI library.

Try out all DHTMLX components
Complete Pack
Get free trial
Compatible with
Salesforce technology icon
Svelte technology icon
Vue technology icon
React
Angular technology icon
+20
Deployment covered
with every license.
No limits on end-users of your
DHTMLX-based SaaS apps.

The UI Behind Apps that Keep the World Flying,
Building, Healing, Learning, and Operating Smoothly

For about two decades, global industry leaders and ambitious startups have relied on DHTMLX to run data-heavy systems at the heart of aviation, transportation, construction, healthcare, education, insurance, and beyond – all built on a proven set of JavaScript UI components.
aerospace & aviation aerospace & aviation
automotive automotive
technology technology
automation automation
finance finance
media media
construction construction
education education
logistics logistics
government government

Join Over a Million Developers Who Choose DHTMLX

DHTMLX is an industry leader in JavaScript UI libraries for creating powerful web apps. For years, thousands of companies worldwide, from large corporations to individual developers, have been choosing the world's most complete Gantt chart, Scheduler, Grid, and other proven DHTMLX widgets.
25K+
enterprises worldwide
100+ awards
G2 Winter 2025 Best Meets Requirements badge
G2 Winter 2025 Users Most Likely To Recommend badge
G2 Winter 2025 Leader badge
G2 Winter 2025 Easiest To Use badge
G2 Winter 2025 Highest User Adoption badge
15+ years
delivering JS components
Start using DHTMLX

DHTMLX JS UI Libraries

Gantt
Grid
Scheduler
Booking Widget
Suite
Diagram
Spreadsheet
Kanban
Chatbot
To Do List
Pivot
Vault
Rich Text Editor
Event Calendar

Gantt Chart

Easy customization that enables you to adjust Gantt look and feel according to your needs.
Simple API that contributes to a short learning curve.
Rich resource management features - resource calendar, histogram, multiple resources view, etc.
Export of a full-sized Gantt chart to PDF, PNG, Excel, iCal, MS Project, and Primavera P6.
Explore Gantt
DHTMLX Gantt Chart Library

Grid

Dynamic data loading and virtual scrolling for handling large data sets conveniently.
Efficient built-in data management features: multi-column drag-and-drop, sorting, filtering, and searching.
Inline editing of cells with various data types.
Simple JavaScript API and multiple online samples that simplify widget configuration.
Export modules to Excel, CSV, PDF, and PNG.
Explore Grid
DataGrid

Scheduler

Wide range of calendar views for scheduling various resources such as the Timeline view.
Recurring and multisections events, intuitive drag-n-drop and keyboard navigation.
Extensive JavaScript API that gives you full control over the calendar's look and feel.
Ability to export your scheduler to PDF and PNG formats and print it.
Explore Scheduler
Scheduler

Booking Widget

Clean UI for booking appointments in real-time.
Perfect companion for DHTMLX Scheduler and Event Calendar widgets.
Wide configurable filtering options.
Working with large data sets.
Customizable interface via CSS.
Explore Booking Widget
Booking Widget

Suite

20+ professionally designed customizable HTML5 UI controls from Forms to Grid, TreeGrid, and Charts.
Pure JavaScript with no dependencies on any third-party library or framework.
Fully client-side controls that can be integrated with any front-end and back-end technologies with ease.
Perfect for developing complex dashboards, CRM, CMS, and any other enterprise-grade applications.
Explore Suite
Hotel Management System

Diagram

Org charts, flowcharts, decision trees, block diagrams, mind maps, and many other diagrams for visualizing data in a hierarchical structure.
Automatic layout algorithms for arranging chaotically placed shapes in tidy diagrams with one click of a button.
Intuitive diagram editor for easily creating and editing your diagrams from scratch from the UI.
Explore Diagram
JavaScript Diagram

Spreadsheet

170+ built-in math formulas and string functions for manipulating data compatible with Google Sheets and Excel.
Convenient work with data on multiple sheets with the help of cross-referencing.
Sorting, cell validation, read-only mode, and plenty of other configuration settings available via API.
Explore Spreadsheet
Spreadsheet

Kanban

Workflow visualization with any number of tasks in columns and swimlanes.
User assignment, progress tracking, due dates, and task prioritization.
Inline editing, cards multiselection and drag-n-drop, history management, sorting and searching features.
Fully configurable Kanban elements in the toolbar, board, and editor panel.
Explore Kanban
Kanban

Chatbot

Lightweight widget for creating customizable AI chat apps.
Supports using any LLM system, including ChatGPT, Claude 3, and Gemini.
Well-documented API, making the learning curve short.
Created by the high-skilled development team and comes under MIT license.
Explore Chatbot
Chatbot

To Do List

Fast and simple management of tasks with parent-child relationship and ability to split tasks into projects.
Assigning task owners and due dates, tagging tasks, and navigating with shortcut keys.
Configurable interface and behavior, in sync with DHTMLX Gantt, Scheduler, and Kanban board.
Explore To Do List
To Do List

Pivot

Two different modes of displaying data in the Pivot grid: flat and tree.
Speedy sorting and filtering of large datasets from the UI and via API.
Ability to safely export Pivot data to Excel and CSV.
Conditional formatting, read-only mode, custom cell formats, and many more configuration options.
Explore Pivot
Pivot

Vault

Pure JavaScript control for uploading and managing diverse files.
Real-time indicator of the file upload progress.
Ability to set custom restrictions on the parameters of uploaded files.
Different modes of uploading and previewing files.
Explore Vault
Vault

Rich Text Editor

Support for HTML and markdown input and output formats.
All major text formatting and editing operations.
Ability to calculate advanced and custom statistics.
Fully configurable toolbar and customizable appearance.
Explore Rich Text Editor
Rich Text Editor

Event Calendar

Lightweight with simple JavaScript API
Displaying events in 6 views: Day, Week, Month, Year, Agenda, and Timeline.
Organizing events across multiple calendars.
Configurable right-panel editor to manage events on the fly.
Built-in CSS themes and simple customization via CSS variables.
Explore Event Calendar
Event Calendar

Modular JavaScript UI Components for Enterprise Apps

Fuse DHTMLX JavaScript UI components into the workflows your users rely on,
from scheduling and analytics to booking and AI-powered interfaces.
DHTMLX Gantt chart and project management interface
Gantt
Kanban
Scheduler
To Do List
Project Planning & Task Management
Build project timelines, Kanban boards, resource schedules, task hierarchies, and dependency-driven plans for complex project management systems.
DHTMLX data grid, spreadsheet, and pivot table
Grid
Spreadsheet
Pivot
Data Tables, Spreadsheets & Analytics
Create data-heavy interfaces with virtual scrolling, inline editing, spreadsheet workflows, pivot analysis, and export-ready reports.
DHTMLX calendar and appointment booking interfaces
Event calendar
Booking Widget
Event Booking & Appointment Scheduling
Create appointment reservation and calendar-based scheduling flows for healthcare, services, hospitality, and internal operations.
DHTMLX Kanban board and workflow diagram
Diagram
PERT Chart
Process & Workflow Visualization
Visualize company structures, hierarchies, project flows, dependencies, and complex systems in editable diagrams with automatic layout algorithms.
DHTMLX dashboard and admin panel components
Suite
Rich Text Editor
Vault
Business Dashboards & Admin Panels
Assemble dashboards, admin panels, CRM systems, file management tools, forms, and content editing interfaces from ready-made UI components.
DHTMLX Gantt chart with AI assistant
Gantt
Grid
Diagram
Chatbot
AI-Enhanced Apps & Interfaces
Explore AI-powered examples for generating Gantt charts, analyzing grid data, building forms,
creating org charts, and adding chatbot interfaces
to web apps.
Try JS components
View demos

Works with the Stack You Already Use

DHTMLX components are framework-agnostic pure JavaScript – with official wrappers, guides, and code samples for all major frameworks.
Dependencies
Zero – pure client-side JavaScript, no third-party libraries required
Distribution
npm, CDN, direct download – your choice of installation method
Browser support
All modern browsers –
Chrome, Firefox, Safari,
Edge (latest 2 versions)
AI tooling
MCP Server available – use DHTMLX components directly from Cursor, Claude, and other AI coding tools
Svelte
Svelte
Angular
Angular
React
React
Vue
Vue
Vanilla JS
Vanilla JS
TypeScript
TypeScript
Salesforce
Salesforce
ChatGPT
ChatGPT
Claude Code
Claude Code
Ollama
Ollama
Cursor
Cursor
Grok
Grok
Gemini CLI
Gemini CLI
MCP Server
MCP Server
Svelte
Svelte
Angular
Angular
React
React
Vue
Vue
Vanilla JS
Vanilla JS
TypeScript
TypeScript
Salesforce
Salesforce
ChatGPT
ChatGPT
Claude Code
Claude Code
Ollama
Ollama
Cursor
Cursor
Grok
Grok
Gemini CLI
Gemini CLI
MCP Server
MCP Server
Show all integrations

Unlock up to 65% Savings with DHTMLX Bundles

DHTMLX complete pack
Complete pack
Gantt
Scheduler
Suite with Grid
Spreadsheet
Diagram
Pivot
Kanban
Event Calendar
To Do List
Rich Text Editor
Vault
ChatBot
Booking widget
What's in it for you:
  • The full power of all complex widgets combined with prime Suite UI controls
  • From $380 per developer (even less for big teams)
  • Save up to 65% compared to purchasing all components individually
Check Complete pack offer
Project workflow pack
Project workflow pack
Gantt
Scheduler
Kanban
To Do List
Diagram
Event Calendar
Booking widget
Grid
What's in it for you:
  • From $262 per developer
  • Targeted bundle for project planning, scheduling, and team workflows
  • DHTMLX Grid included as a bonus for lists, reports, and dashboards
Check bundle offers
DHTMLX planning pack
Planning pack
To Do List
Event Calendar
Scheduler
Kanban
Gantt
Booking widget
What's in it for you:
  • From $286 per developer
  • Get Gantt and Scheduler - three other widgets come for free in this bundle
  • The most comprehensive set of project management tools
Check bundle offers
DHTMLX scheduling pack
Scheduling pack
Event Calendar
Scheduler
Gantt
Booking widget
What's in it for you:
  • From $206 per developer
  • Save up to 60% on Gantt and Scheduler and get Event Calendar as a bonus
  • All you need for building outstanding booking and scheduling apps
Check bundle offers
DHTMLX table pack
Table pack
Grid
Spreadsheet
Pivot
What's in it for you:
  • From $205 per developer
  • Three data table components at the price of two
  • Data-intensive Grid component reinforced with Spreadsheet and Pivot UI/UX
Check bundle offers

What You Get with DHTMLX

Business-wise
Development-wise
Dollar sign icon
Licenses from $380
per developer
The Complete pack of JS UI libraries starts at just $380 per developer (with even lower prices for larger teams). It includes the world's most feature-packed Gantt chart, Grid, Scheduler, Diagrams, a set of 23 UI controls, and other advanced widgets.
Cloud upload icon
No additional fees
for deployment
With our end-user licenses, you can develop both internal and commercial applications. The price includes deployment, so you can build your application in your environment and install it on your customer's server with no hidden fees.
Users icon
Unlimited end-users
of your SaaS apps
If you develop cloud-based applications, we don't charge based on the number of your app’s end-users. Our goal is to support your growth and speed up your time to market. With a DHTMLX SaaS license, you get a fixed price for life.
Shield with a check mark
One year of updates and technical support included
For one year after purchasing the license, you'll receive expert technical support with guaranteed responses within 24 to 72 hours. You'll also have access to all new versions of DHTMLX JavaScript/HTML5 UI libraries released during this time.
Settings sliders icon
Mixing and matching widgets of your choice
DHTMLX offers the flexibility to select only the components you need, avoiding the bulk of unnecessary parts. You can use popular bundles or mix and match components to fit your app's requirements.
Get started for free
Download trial versions and test DHTMLX in your projects with the help of our official tech support completely free of charge.
Start for free
Padlock icon
Secure data, no dependencies
DHTMLX JavaScript libraries are pure JavaScript client-side components. By embedding the DHTMLX JavaScript code you avoid any third-party dependencies, as our code becomes an integral part of your application. Thus, all your data is safe, as you don't have to send it to any external service.
Code brackets icon
2000+ code snippets, demos, and samples
Having comprehensive examples of HTML5 UI controls is crucial. You can explore them, study the code, and see how they interact. DHTMLX code snippets make it easy to share with your team and quickly implement features.
Infinity symbol
Never-expiring perpetual licenses
Once you purchase DHTMLX web UI libraries, you own them forever with a one-time fee. You can use the version you've acquired for as long as you wish. After the first year, you can choose to extend your support plan to keep access to tech support and updates.
Microchip icon
Framework-friendly controls
The DHTMLX library is built with pure JavaScript, allowing you to easily integrate our HTML5 controls with any framework or technology, including React, Angular, Vue, Svelte, Salesforce, Node.js, and ASP.NET. With helpful guides and code snippets, integration is smooth and fast.
Rocket icon
Support for emerging businesses
Early-stage startups can join the DHTMLX program for a 70% discount on JS components like Gantt, Scheduler, and Suite UI (including Grid). The license includes three developer seats, SaaS app usage, and Premium tech support.
Get started for free
Download trial versions and test DHTMLX in your projects with the help of our official tech support completely free of charge.
Start for free

AI-Assisted UI Development with DHTMLX

Move faster from prompt to implementation with mature UI components, structured APIs,
and documentation that helps AI generate more accurate code.
Your AI tool
Use your preferred coding assistant to generate, refine, and ship complex UI faster.
Meta logo
Cursor logo
Claude Code logo
Google Gemini logo
Grok logo
MCP server
Provide current docs and API context to your AI assistant.
Agent skills
Use proven patterns to reduce rework and avoid common errors.
AI-friendly foundation
Build on clear APIs and structured documentation designed for AI-assisted development.
Practical AI examples
Start from ready prompts, demos, and implementation walkthroughs.
DHTMLX component code
Configured, testable code ready for real projects.
DHTMLX component code
Explore AI development
We support you
from the very start

of your development journey
with DHTMLX to the launch

and further maintenance
of your product

DHTMLX in Real-World Projects

ROBIN logo ROBIN logo
TICGAL logo TICGAL logo
StaffPro logo StaffPro logo
Wolters Kluwer logo Wolters Kluwer logo
Gantt
Automotive & Manufacturing
DHTMLX Gantt for Zozio
Zozio, a French startup, uses DHTMLX Gantt in its ROBIN platform to streamline industrial production
and resource planning, giving manufacturers a clear,
real-time view of tasks, workloads, and schedules
for smarter decisions.
Check Zozio story
"What we really like about your component is the ability to work with resources for each task using the lightbox editor."
Augustin Rungeard
Augustin Rungeard
Head of Product at Zozio
ROBIN production planning interface built with DHTMLX Gantt for Zozio
Kanban
JavaScript
Project Management Services
DHTMLX Kanban
for TICGAL
An IT services team, TICGAL, used DHTMLX Kanban to power a visual task board in its ticketing platform, standardizing workflows and making project management more transparent and adaptable for global clients.
Check TICGAL story
"Your solutions also look nice in terms of design, which is great for us. As a result, we have a convenient tool for task management within a project."
Oscar Beiro
Oscar Beiro
Owner at TICGAL
TICGAL ticketing Kanban board built with DHTMLX Kanban
Scheduler
Suite UI Widgets
Financial Services
DHTMLX Suite
and Scheduler for StaffPro
A workforce platform rebuilt its UI with a DHTMLX-based scheduling component and dashboards featuring charts, graphs, and tables to automate float‑staff planning, reporting, and admin work for financial firms.
Check StaffPro story
"I'm a big fan of DHTMLX. We've been using your components for probably 20 years."
David Basri
David Basri
President of Point Enterprises Inc.
StaffPro staffing schedule built with DHTMLX Suite and Scheduler
Grid
React
Project Management Services
DHTMLX Grid
for Wolters Kluwer
A modern ERP platform, Arca Evolution, enhanced its admin panel with DHTMLX Grid, adding an intuitive data table that simplifies permission management, improves navigation, and accelerates daily operations for large-scale teams.
Check Wolters Kluwer story
"You have detailed documentation. The samples are very good as well. It helped us build the solution in a short time."
Daniele and Fabio
Daniele and Fabio
Software Developers at Wolters Kluwer
Arca Evolution admin panel with DHTMLX Grid for Wolters Kluwer
Show all stories

Choose Your Next Step with DHTMLX

For DHTMLX Clients
Access your licensed
components
Find everything related to your DHTMLX licenses in one place, including current and previous product versions.
  • View your licenses and support
    subscription status
  • Check the latest available releases
  • Download components as packages
    or via npm
Go to Client's Area
For Developers
Start with PRO trial
or open-source edition
Choose the path that fits your project: evaluate the full PRO feature set or kickstart with open-source editions.
  • Try full PRO functionality for 30 days
  • Start fast with ready-made demos
  • Discover MIT and GPL options
Start for free
For Managers
Compare licensing options
Review license terms, pricing, and support plans. Request a consultation to find the right option for your team.
  • Check pricing for your team size
  • Benefit from bundle discounts
  • Get help choosing the right license
Explore licenses & pricing
70% off DHTMLX for startups offer
Building your product on a startup budget?
Eligible early-stage startups can get 70% off a one-year DHTMLX license
for up to 3 developers, including use in SaaS applications, full PRO functionality,
and official technical support.
Check eligibility

UI Components Trusted
by Teams Worldwide, Year After Year

Teams consistently highlight flexible, feature-rich components, smooth integration, clear documentation, and responsive support. The result: less development time and more confidence when delivering complex web interfaces.
5 out of 5 stars 4.7 rating on G2
1M+
Developers
25k
Enterprises
15+
Years in production
Power-User-Friendly MCP Server
MCP server works very well, and the UI is fantastic to work with. It's a great, power-user-friendly app.
G2 logo
G2 review
Events Services Company
Lets a small team ship
a serious product
Feature-completeness from day one, genuine customisability, performance with real-world data volumes, well-organised documentation and a responsive support team when we have hit edge cases.
Conor S.
Conor S.
CEO
Best quality, excellent ROI
It's one of the most comprehensive and developer-friendly toolkits available. The documentation is clear, thorough, and includes practical examples. The support team is responsive and helpful, especially for users with a commercial license.
Remi B.
Rémi B.
Lead Developer
Fabulous fully featured Gantt chart component
The DHTMLX Gantt component has all the features to be competitive with Microsoft Project! When we searched for a component to include in our SAAS product we concluded that this Gantt chart was the very best component available.
Ray S.
Ray S.
President
Best choice for product development. Absolutely
It's stable, easy to set up, and beautiful out of the box, which is not always the case for similar components. If we started from the beginning, we would choose DHTMLX Gantt again. There is no better alternative for now.
Dan D.
Dan D.
CEO at GanttPRO
Great experience using DHTMLX Gantt
It is incredibly developer-friendly and the documentation is clear and well-structured. The Gantt component works exactly as expected and integrates smoothly into our application. It helped us deliver planning features to our users faster and with great quality.
Alexis S.
Alexis S.
Cofundador
Show all testimonials

Frequently Asked Questions

Do we need to renew the license (annually/monthly)?

No, you don't need to renew the license to continue using DHTMLX. Once purchased, the DHTMLX components are yours to use perpetually, even without renewal. The renewal is primarily for ongoing access to new releases and technical support. Monthly subscriptions are not available, but annual renewals ensure that your applications benefit from the latest improvements and assistance from the DHTMLX team. However, renewing your subscription is optional.

Are DHTMLX components free?

DHTMLX offers both free and paid versions of the components. While DHTMLX JavaScript components are available under MIT and GNU GPLv2 license, providing basic functionality for free, the more advanced features come with a commercial license. This allows you to choose between the free version for basic non-commercial projects and the premium version for enterprise-level applications, which includes additional features, extended support, and regular updates. DHTMLX ensures flexibility so you can select the option that best fits your project needs.

What JS components does DHTMLX offer?

DHTMLX provides a comprehensive set of JavaScript components designed to cover a wide range of functionalities for building modern web applications. Some of the key components include Gantt for visualizing and managing project timelines and tasks, Grid for displaying, editing, and managing large datasets, Scheduler for scheduling tasks, events, and appointments, Diagram for creating flowcharts, org charts, and other interactive diagrams. In addition to these, DHTMLX offers many other components like Spreadsheet, Pivot Table, Rich Text Editor, and more, making it a complete toolkit for building dynamic, interactive web applications. All components are highly customizable, cross-browser compatible, and designed for high performance.

Can I try DHTMLX components before purchasing?

No doubt, you can try DHTMLX JavaScript web components before purchasing. We offer a free 30-day trial of the PRO versions, providing you with full access to components' features and official technical support. Therefore, you can evaluate DHTMLX UI components freely before purchasing a license.

What are JavaScript components?

JavaScript components are reusable, self-contained pieces of code that enable developers to build dynamic and interactive web applications. These components handle specific functionalities, such as grids, charts, diagrams, or calendars, which can be easily integrated into any project. DHTMLX offers a comprehensive suite of JavaScript components that are highly customizable, allowing developers to create advanced web applications with minimal effort. With DHTMLX, you get pre-built, robust components that streamline the development process while ensuring high performance and responsiveness.

Why should we use the DHTMLX JS component library?

The DHTMLX JS component library is a powerful tool designed to accelerate and simplify web development. By offering a wide range of fully customizable, high-performance components such as grids, charts, schedulers, and more, DHTMLX enables developers to create feature-rich web applications with ease. Its components are known for their speed, flexibility, and responsiveness, making them ideal for both small projects and large-scale enterprise solutions. Additionally, DHTMLX provides comprehensive documentation, regular updates, and reliable support, ensuring that you can efficiently integrate and maintain these components in your applications. Using DHTMLX not only reduces development time but also enhances the overall quality of your web solutions.

Can DHTMLX JS UI components be used with React?

Yes, DHTMLX JS UI components can be seamlessly integrated with React. DHTMLX provides dedicated guides and code examples that make it easy to use its components within React-based applications. Thus, you can include DHTMLX components like Grid, Gantt, Scheduler, and others into your app, while maintaining the reactive and component-based nature of React. The components are designed to work smoothly with React’s virtual DOM, ensuring high performance and a native React development experience. By using DHTMLX with React, developers can build feature-rich and interactive applications faster, combining the strengths of both tools.

Do DHTMLX components work with TypeScript?

Yes, DHTMLX components work with TypeScript. The TypeScript definitions are provided for many of our libraries, enabling type checking, autocompletion, and better integration in TypeScript-based projects.