<
DHTMLX Kanban 1.5 with Fixed Column Headers and Extended Links API

Agile JavaScript
Kanban Board for Task Management Apps

Develop full-fledged web apps with DHTMLX JavaScript Kanban library to gain complete control over the workload and manage tasks efficiently.

Try DHTMLX Kanban JS Demo

Open a demo on desktop
DHTMLX Kanban is a choice of web developers around the globe for creating flexible task management tools with minimum effort.

Key Features of DHTMLX JavaScript Kanban Board

Fully configurable
Integration with DHTMLX Gantt, Scheduler, and To Do List
Touch support
Creating and editing columns and swimlanes
Drag and drop of cards and multiselection
Moving columns and rows from the UI
Searching and sorting
Creating and editing tasks
Duplicating tasks
Assigning due dates
Setting the priority of tasks
Attachments to cards
Expanding and collapsing columns
TypeScript support

Get Started with DHTMLX JS Kanban Board

Built-in features
Custom templates
Creating and editing tasks
The DHTMLX Kanban board allows creating any number of tasks and editing them via the right panel. Users can edit tasks' name and description, define priority, mark cards with colors, change progress, set start/end dates, and assign responsible persons. Besides, it is possible to attach files via a file uploader and add any custom fields you need.
Card multi-select and 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. It is also possible to disable dragging cards to specific columns.
Searching and sorting
DHTMLX Kanban widget makes it possible to quickly find a necessary task in a matter of seconds. Users can search for a task by its label or description and then select the required one from the dropdown list. It is possible to sort cards in ascending or descending order. Besides, you can enable the state of preserved sorting.
Custom Kanban cards
The flexible API of our JavaScript Kanban library allows developers to add a new HTML template to manage the shape and behavior of task cards. Thus, you can fine-tune not only the shape and colors but also the available fields and states for selecting and dragging cards.
Custom cards
Custom toolbar
If needed, you can hide the toolbar of your JavaScript Kanban component. Otherwise, there are ample opportunities for its configuration and customization. It is easy to rearrange controls, place a search bar and define its behavior, modify the sorting function, and equip the toolbar with custom controls.
Custom toolbar
Custom styles
Several predefined themes (Material, Willow, and Willow Dark) can be a basis for styling your JS Kanban board. You are free to customize each element, from columns, rows, and cards to the scroll bar, separate icons, and controls. It is possible due to CSS variables.
Custom styles
Custom cards

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. 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
You can customize each UI element of the JavaScript Kanban board to match your web app. Our rich API encompasses numerous methods and options for manipulating columns, rows, and cards. We have introduced CSS variables to style the toolbar and editor and even customize a scroll bar.
Integration with DHTMLX widgets
You can use the DHTMLX Kanban js library separately or combine it with other components such as the Gantt chart, Scheduler, or To Do List. The Kanban board can be easily synced with these widgets and provide insight into particular stages of the project for specific departments or teams.
Support for touch screens
All JavaScript Kanban features work on touch screens to simplify the use of the task board during your daily routine. Users can quickly select a card with a tap, edit its description, and move to the proper column or row with drag-n-drop. You can enable automatic scrolling to a newly added element, so that users won't have to scroll the board manually.
Get started for free
Download the DHTMLX Kanban trial version and test it completely free of charge for 30 days taking advantage of our email technical support.

DHTMLX Kanban Library Pricing

Kanban
Save on bundles
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
Major, minor, and maintenance updates
Commercial
Major, minor, and maintenance updates
Enterprise
Major, minor, and maintenance updates
Ultimate
Major, minor, and maintenance updates
Priority queue for bug fixing
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
Documentation
Browse documentation
Study our documentation and API reference and follow step-by-step guides on how to initialize, configure, and style the DHTMLX Kanban board.
Samples
Discover code snippets
Explore every available Kanban feature, play around with the JS and HTML code, preview and share the result with your team.
Free trial
Get a 30-day free trial
Download the DHTMLX Kanban free trial package (no credit card required) and evaluate all the latest features released.
Official tech support
Learn about tech support
Starting from the evaluation phase, you can request support from our technical specialists to help you get acquainted with the JavaScript Kanban component faster.
Blog
Keep track of new features
On the blog, you can find all the Kanban release articles with detailed new feature descriptions, posts with useful tips, and other DHTMLX updates.
Community forum
Learn from others
It is a place where fellow developers share their experience with DHTMLX widgets and JS Kanban, in particular. Our technical support team also monitors topics and provides answers to common questions.

Combine Kanban with Other DHTMLX Libraries

Kanban with Gantt and Scheduler
Kanban with To Do List
Here you can see an example of syncing Kanban tasks with DHTMLX Gantt and Scheduler.
Here is a representation of Kanban tasks in a neat to-do list.