Name: Kanban JavaScript Component UI Library | DHTMLX Kanban and Gantt Chart
Rating: 4.8 (34 reviews)

Kanban JavaScript Component
for Your Project Management Apps

Develop full-fledged web apps with DHTMLX JavaScript Kanban board. Combine slick Kanban and Gantt chart
in one powerful project management solution. Let users gain complete control over their workload and manage tasks efficiently.

Download

Buy

Key Features of DHTMLX Kanban

Creating and editing tasks

DHTMLX Kanban allows creating the required number of tasks and editing their description via the right panel. Users can define task priority, monitor the progress, set start/end dates, and add assignees.

Multiselection & Drag-n-drop

With our Kanban js library, users may arrange tasks between columns and swimlanes via drag-n-drop. You can enhance their experience and allow selecting and dragging several tasks by setting up the multiselect feature.

Searching for tasks

DHTMLX Kanban makes it possible to quickly find a necessary task in a matter of seconds. To that end, users can search for a task by its label or description and then select the required one from the dropdown list.

Product Features of Our JavaScript Kanban Board

Rich Javascript API to control each aspect of UI/UX
Fully configurable
Integration with DHTMLX Gantt and Scheduler
Touch support
Creating and editing columns and swimlanes
Drag and drop of cards
Moving columns and rows from the UI
Multiselection
Creating and editing tasks
Limiting the number of cards in columns and swimlanes

Expanding and collapsing columns
Assigning tasks to a teammate
Assigning due dates
Setting the priority of tasks
Attachments to cards
Searching
Readonly mode
Localization
TypeScript support

Use DHTMLX Kanban with Gantt and Scheduler Libraries

Build a comprehensive project management tool by combining Kanban component with Gantt chart and Scheduler event calendar. Below you can see an example of syncing Kanban tasks with DHTMLX Gantt and Scheduler.

Simple Customization of Kanban Board

Custom cards

Add a new HTML template to manage cards shape and behavior.

Custom toolbar

Add a company’s logo or custom buttons to the default toolbar.

Custom styles

Modify the appearance of JS Kanban board by applying custom styling.

View the code snippet

View the code snippet

View the code snippet

Why Choose DHTMLX JavaScript Kanban Library?

Feature-rich out of the box

Our Kanban widget is developed to meet the needs of a wide variety of web applications. Its feature set is meant to cover the most frequent use cases and provide solutions for multi-faceted tasks. Users take control of the whole workflow on a compact Kanban board by dividing tasks into any number of categories, setting task priority, assigning tasks to team members, and tracking the progress of tasks with deadlines, and intuitive progress bars..

Fully customizable

Each and every UI element of the JavaScript Kanban board can be customized to be a perfect match for your web app. Our rich API encompasses numerous methods and options for styling cards: manipulating their shape, cover image, colored top line, and whatnot.

Integration with DHTMLX Gantt chart

You can use DHTMLX Kanban js library separately or combine it with our top-notch Gantt chart. DHTMLX Gantt has grown into a powerful project management solution able to deal with huge projects and perform equally well with 100 or 100 000+ tasks. While it serves as a robust tool for managing sophisticated workflows at a high level, Kanban is able to complement Gantt and provide an insight into particular stages of the project for specific departments or teams.

Support for touch screens

DHTMLX Kanban component provides out-of-the-box support for touch screen devices. All JavaScript Kanban features work on touch screens to simplify the use of the task board during your daily routine. For instance, users can quickly select a card with a tap, edit its description, and move to the proper column or row with drag-n-drop.

Benefits of Our JavaScript Kanban Component

For Developers

Written in pure JS and dependency-free

Integration with high-performance DHTMLX Gantt chart and Scheduler libraries out of the box

Comprehensive and easy-to-use JavaScript API

Broad customization opportunities

Smooth learning curve ensured by detailed technical samples and clear documentation

For Project Managers

Delivering the right features due to DHTMLX 10-year expertise in complex solutions for project management

Strong mix of the most demanded software tools: Kanban and Gantt chart

Based on our experience of working with the world's leading companies in the field of IT, finance, construction, aeronautics, etc.

DHTMLX Kanban Library Pricing

	Individual	Commercial	Enterprise	Ultimate
License Terms	Individual Read License Agreement	Commercial Read License Agreement	Enterprise Read License Agreement	Ultimate Read License Agreement
Developers	Individual 1	Commercial 5	Enterprise 20	Ultimate
Projects	Individual 1	Commercial 1	Enterprise 5	Ultimate
Use in SaaS (unlimited end-users)	Individual	Commercial	Enterprise	Ultimate
Perpetual distribution rights	Individual	Commercial	Enterprise	Ultimate
Support Plan	Individual Standard Support	Commercial Premium Support	Enterprise Premium Support	Ultimate Ultimate Support
Time Period	Individual 1 year	Commercial 1 year	Enterprise 1 year	Ultimate 1 year
Updates	Individual Minor & major updates Bug fixes	Commercial Minor & major updates Bug fixes	Enterprise Minor & major updates Bug fixes	Ultimate Minor & major updates Bug fixes Emergency bug fixes
Support requests	Individual 10	Commercial 30	Enterprise 50	Ultimate
Response Time	Individual 72h	Commercial 48	Enterprise 48h	Ultimate 24h