< Meet DHTMLX Kanban v1.1 with WIP Validation, New Operations on Columns and Rows, TypeScript Support, and More

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.

Live Demo

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.

Why Choose DHTMLX JavaScript Kanban Library?

Feature-rich out of the box
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
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
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
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

gantt chart web development
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
gantt chart web development
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
Commercial
Enterprise
Ultimate
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
Personal Account Manager
Individual
Commercial
Enterprise
Ultimate
Kanban demo screenshot

Try Out Kanban JS Library for Free

Download the trial version of DHTMLX Kanban and enjoy using:

30 days of free evaluation

Official technical support

Complete technical guides and samples

Other DHTMLX Products

Need help with Kanban integration into your app? Contact us

Send
a Question