JavaScript Widget Library for Web Apps - DHTMLX Suite

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.

JavaScript/HTML5 UI Widgets Demos

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 system allows 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 dashboard by adding DHTMLX Gantt to manage projects and tasks efficiently, Scheduler to schedule events, and RichText to work with text.

Online Examination System

• Online examination system allows 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 system demo 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 template is 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 system includes 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 manager example is built with Material design.
• Arranging folders in the tree structure.
• Option to keep track of free space left.

JS UI Widgets Integrations

• Angular
• Vue.js
• React
• Svelte
• TypeScript
• NodeJS

JavaScript UI Widgets Included in DHTMLX Suite

• Data Visualization and Analysis Widgets
• Forms and Editors
• Layout and Navigation Widgets
• Windows and Popups

Key Features of DHTMLX Suite

• Extensive and easy-to-use API
• Cross-browser compatibility
• Material Design
• Full interface customization
• Multiuser backend
• CSS widget templates
• Support for touch devices
• Lazy loading
• Compatibility with JS frameworks
• Built-in themes: Light, Light Contrast, Dark, and Dark Contrast
• Custom themes
• Theme configurator
• Integration with any backend technology
• TypeScript support
• Custom scroll
• Accessibility: WAI-ARIA, keyboard navigation
• Localization
• Pagination
• Export to Excel (for Grid)
• Export to PDF/PNG (for Charts, Grid, and TreeGrid)
• Progress bar (for container widgets)