Lightweight, fast, and versatile JavaScript/HTML5 UI widgets library for creating modern user interfaces.â¨
DHTMLX Suite helps to advance web development and build data-intensive applications with rich functionality.
Top industry players use DHTMLX Suite for creating web apps of any complexity with minimum time and cost efforts.
Try DHTMLX Suite Live Demo ToolbarToolbar for arranging controls to manage files:
DataView for showing multiple items arranged in a specific order:
Tabbar for switching between different webpage sections:
Tree for a handy navigation system with:
Menu for fast navigation and adding context menus:
Form for providing controls to interact with web apps:
Layout for arranging UI components on a page:
Hotel Management System
JavaScript Dashboard
Online Examination System
Hospital Management System
Courier Tracking Template
KPI Tracking System
HTML5 File Manager
Hotel Management System
Customizable Grid widget to visualize hotel occupancy, add new reservations, sort them in ascending/descending order, and edit data from the UI.
Built-in calendar to display a list of reservations on a selected date.
Hotel management systemallows end-users to monitor and manage the latest reservation requests and new guest reviews.
JavaScript Dashboard
DHTMLX Chart widget to visualize various sales-related data.
Displaying customer requests assigned between different departments with DataView.
Blend of List and Pagination widgets to navigate through notifications from multiple social networks.
Creating a fully-fledged
JavaScript dashboardby adding DHTMLX Gantt to manage projects and tasks efficiently, Scheduler to schedule events, and RichText to work with text.
Online Examination System
Online examination systemallows creating 3 substances, including Admin, Teacher to add and configure online exams, and Student to take exams and see the results.
Displaying a collapsable list of exams with a TreeGrid and filtering them by subject, difficulty level, and status using combo and checkbox controls.
Using the Form widget to create an online exam form with the option to set a type of response (one or more correct answers).
Hospital Management System
Creating patient records and assigning a doctor and free bed with the help of the Form widget.
DHTMLX TreeGrid to plan and manage bed allocation.
Searching for necessary records by bed status, care required, and diagnosis. It's also possible to filter by an admission date via the DatePicker widget.
Hospital management systemdemo is a combo of Suite UI widgets and other DHTMLX libraries, including Diagram to build a hospital org chart, Spreadsheet to manage patient records, and RechText to generate medical certificates.
Courier Tracking Template
Courier tracking templateis an example of a real-time location tracking app built with Google Maps.
Combining DataView, List, and Tabbar widgets to display the list of couriers and their tasks and quickly switch between views.
Filtering tasks by the courierâs name, type of vehicle, purchase status, and delivery address by choosing the relevant options set out in the Form widget.
KPI Tracking System
KPI tracking systemincludes different chart types, e.g. Donut, Spline Area, Bar, X-Bar, and Radar, which display particular indicators to conveniently monitor sales performance.
Attaching the listview widget to display and manage sales department staff.
The option to display the performance results of a specific employee by clicking on the corresponding List item.
Arranging all DHTMLX widgets and custom HTML content with the help of the Layout widget.
HTML5 File Manager
Uploading and downloading files.
Managing files and folders, sorting them in ascending/descending order.
HTML5 file managerexample is built with Material design.
Arranging folders in the tree structure.
Option to keep track of free space left.
JS UI Widgets Integrations JavaScript UI Widgets Included in DHTMLX SuiteData Visualization and Analysis Widgets
Chart
DataView
Grid
List
Tree
Calendar
ColorPicker
ComboBox
DatePicker
Form
Slider
TimePicker
Layout and Navigation Widgets
Layout
Menu
Pagination
Ribbon
Sidebar
Tabbar
Toolbar
Message
Popup
Window
Key Features of DHTMLX SuiteExtensive and easy-to-use API
Cross-browser compatibility
Full interface customization
Compatibility with JS frameworks
Integration with any backend technology
Export to Excel (for Grid)
Export to PDF/PNG (for Charts, Grid, and TreeGrid)
Progress bar (for container widgets)
Style Your Widgets with Themes and Theme ConfiguratorDHTMLX Suite offers four predefined themes for styling JavaScript UI widgets in your app: Light, Light Contrast, Dark, and Dark Contrast. You can also pick up a desired style preset using the theme configurator.
Why Choose DHTMLX JavaScript Widget Library?Versatile UI widget library
Suite is an all-encompassing library with 20+ widgets for creating interactive web apps. Its rich API simplifies JavaScript/HTML5 UI widgets customization to meet your requirements. A short learning curve and simple OOP structure enable you to accelerate web development.
Working with modern technologies
With DHTMLX Suite UI widgets you can build full-featured web interfaces with great performance in all modern browsers. The API gives you an advantage of using all the latest technologies including REST for integrating HTML5 UI widgets with the backend.
Flexible customization of all JavaScript UI widgets
By default, the DHTMLX HTML5 widget library is designed based on Material style. However, you can change every aspect of the widgets' look and feel by creating new CSS classes with custom settings. The Suite library also allows adding a custom scrollbar.
Accessibility and usability
DHTMLX Suite meets the main requirements of the WCAG 2.0 standards. The library comes with a set of built-in themes, including high-contrast light and dark ones, supports keyboard navigation, and implies using special WAI-ARIA attributes.
Get a free 30-day trial of the UI widget library
Youâll receive free technical support from our team with integrating DHTMLX Suite UI library and fine-tuning it. After the evaluation, you may continue with a paid license for commercial usage or the GNU GPL version for open-source projects.
DHTMLX Suite LicensingSupport Plan
Standard Premium Premium UltimateFunctionality
PRO PRO + 1 add-on PRO + 2 add-ons PRO + 3 add-ons License Terms Read License Agreement Developers 1 Projects 1 Use in SaaS (unlimited end-users) Source code Perpetual distribution rightsFunctionality
PRO + 1 add-on License Terms Read License Agreement Developers 20 Projects 5 Use in SaaS (unlimited end-users) Source code Perpetual distribution rightsFunctionality
PRO + 2 add-ons License Terms Read License Agreement Developers Projects Use in SaaS (unlimited end-users) Source code Perpetual distribution rightsFunctionality
PRO + 3 add-ons Unlock up to 65% Savings with DHTMLX BundlesDocumentation
Consult documentationIn the documentation of the DHTMLX Suite UI library youâll find the API references and step-by-step guides to quickly initialize, configure, and integrate widgets with the backend and React, Angular, and Vue.js frameworks.
Samples
Work with code snippetsWith the help of the code snippets, you can explore every JS UI widget library feature. Online samples allow experiment with JavaScript and HTML code and share your results with the team or our tech support.
Free trial
Download Suite free trialWe suggest you try out the functionality of the DHTMLX Suite UI library and download a free 30-day trial version. Youâll also get the latest updates and official technical support.
Optimus
Use Optimus frameworkDHTMLX Optimus is a JavaScript micro-framework you can use to develop DHTMLX-based web apps faster and with less need for coding.
Official tech support
Get help from tech supportBeing a trial user or an owner of a proprietary license, you can always get technical or licensing assistance. On this page, youâll find available channels and resources for obtaining tech support.
Community forum
Browse DHTMLX forumThe forum has saved up lots of shared knowledge on working with DHTMLX JS UI widgets and in other technologies. Our tech support team monitors topics and answers common questions.
Github
Discover our GitHub repositoryHere is the official DHTMLX repository on GitHub. There, you can find the Standard edition of the Suite JavaScript UI library and Standard editions of other DHTMLX components.
Templates
Apply CSS templatesOn this page, you can learn how to quickly create a user-friendly JavaScript application with DHTMLX Suite in four steps and also find new CSS templates.
Blog
Check for updatesOur blog is a comprehensive resource where you can find out all the latest DHTMLX Suite releases, helpful tips, technical tutorials, case studies, and other company updates and offerings.
Frequently Asked QuestionsCan I purchase and use separate JavaScript UI widgets from DHTMLX Suite library?
You can use DHTMLX Calendar, Charts, Grid, Tree, and TreeGrid separately. Other HTML5 UI widgets are tightly linked to each other and can't be used independently outside of the DHTMLX Suite library.
Where can I find examples of DHTMLX HTML5 UI widgets with source code?
You can browse our code snippet collection with snippets for each and every use case of DHTMLX JavaScript UI widgets. You can also examine DHTMLX Suite 8 demos created as examples of real-life applications.
Does DHTMLX Suite library support TypeScript?
Yes, DHTMLX Suite provides support for TypeScript and includes built-in type definitions. Type suggestions, autocompletion, and type checking will help you work with DHTMLX widgets in a more intuitive and fast way.
If we purchase a DHTMLX Suite license, will we get both version 5 and 8?
Yes, if you purchase a DHTMLX Suite license, you will get all Suite versions including v5 and v8.
Can I use both versions 5 and 8 of DHTMLX Suite in the same application?
Yes, you can use both versions of our HTML5 widget library in the same app. As DHTMLX Suite v8 is a UMD package, you should add it to a page via import / require. Then v5 and v8 won't conflict with each other in your app.
Does the DHTMLX UI widget library include backend connectors?
There are no connectors in DHTMLX Suite 8. All the data widgets use the dataCollection helper to load the data. This helper supports a native JSON format and RESTful API, so it can deal with any backend technology. You just need to populate DHTMLX widgets with a valid JSON dataset.
Can I use features and methods available in DHTMLX Suite 5 when working with Suite 8?
Suite 8 has a new set of JavaScript widgets and a completely new API, so you can't use the functionality of v5 in DHTMLX Suite 8.
Will you release any updates to DHTMLX Suite 5?
No, we aren't going to release any minor or major updates to DHTMLX Suite 5. The last version available is v5.2. However, we will continue providing technical support to our clients who stick to this version.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4