DHTMLX Documentation

The DHTMLX library supplies customizable UI components to help you build interfaces of different kinds, nicely present data, and work with it. There are powerful project management widgets such as Gantt chart and Scheduler, robust data-processing components like Grid, TreeGrid, Spreadsheet and Pivot, manifold data visualization libraries such as Diagrams and Charts, typical form-inhabitants, handy navigation elements for surfing an app, and other indispensable tools for web app development.
Scheduler Feature-rich scheduling calendar Go Scheduler Learn how to use Scheduler with the backend, configure its manifold views, add the needed extensions, export data, and work with its API. Browse numerous samples, track new versions, and benefit from detailed documentation guides. Create trendy scheduling calendars with ease. Go
Gantt Full-fledged Gantt chart Go Gantt Dive deep into creating Gantt charts using pure JS, React, Vue, or Svelte. Learn how to implement resource management, critical path calculation, and multiple Gantt features with the help of samples, tutorials, video guides, and API references. Develop robust project management apps on the fly. Go
Suite 9 Modern UI widgets library Go Suite 9 Learn how to add, configure, and customize 20+ UI widgets in your web application. Benefit from the collection of development helpers and live demo apps. Study Optimus micro-framework for making your code structured and reusable. Build stylish web interfaces with DHTMLX. Go
To Do List Flexible to do lists Go To Do List Explore the structure of the To Do List interface and complete guides on the initialization, configuration, and customization. Study the API for managing tasks and projects. Learn how to easily integrate To Do List with DHTMLX Gantt and other components. Go
Diagram Versatile diagrams and diagram editors Go Diagram Discover how to create any kind of diagrams, org charts, and mind maps you need and arrange them automatically on a page using an auto-layout algorithm. Browse vivid samples and API references. Equip your app with a live editor to build diagrams from scratch right from the UI. Go
Kanban Comprehensive Kanban board Go Kanban Get acquainted with the structure of the Kanban board, its abilities, configuration, customization, and localization guides. Set up the server side and create a fully interactive and powerful Kanban board. Go
Event Calendar Out-of-the-box event calendar Go Event Calendar Know how to work with Event Calendar data, configure its behavior and customize its appearance using its modern API. Test the needed features using code samples and keep up with updates. Go
Spreadsheet User-friendly spreadsheet widget Go Spreadsheet Find out how to create a multi-sheet spreadsheet, make use of formulas and cross-referencing, apply number formatting, and export data to Excel. Learn about TypeScript support and check integration examples with Angular, React, and Vue.js. Go
Vault Handy file uploader Go Vault Learn how to set up a neat file uploader, configure its modes, add a progress bar, and manage uploaded files. Read about TypeScript support and check integration examples with Angular, React, and Vue.js. Make file uploading smooth with DHTMLX. Go
RichText Smart rich text editor Go RichText Discover the editing possibilities, working modes, toolbar structure, and customization options of DHTMLX Rich Text Editor with the help of guides and API references. Learn how to integrate the editor with Angular, React, and Vue.js using code snippets. Go
Pivot Efficient pivot table Go Pivot Learn how to create, configure and customize pivot tables, apply locales, set up filters, and export data to Excel or CSV. Check code examples of integrating Pivot with Angular, React, and Vue.js. Empower your data reporting tools with DHTMLX. Go
Chatbot UI chat for AI support agents Go Chatbot Explore the structure of the Chatbot interface and detailed guides on its integration and configuration. Learn how to load chat history from your backend and set multiple agent chat. Check how to integrate the OpenAI API with the Chatbot widget to let end-users communicate via OpenAI's advanced language model. Go
Booking Widget Convenient appointment booking widget Go Booking Widget Learn how to create an appointment booking calendar for your website. Read about look and behavior configurations and filtering modifications. Go
Suite 5 Previous version of UI widgets library Go Suite 5 Find documentation guides devoted to working with widgets of the Suite UI library starting with version 4.0 up to version 5.2. Go