<
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.
Capterra Shortlist 2024
GetApp Category Leaders 2024
Software Advice Front Runners 2024
Best Meets Requirements
High Performer EMEA
Users Most Likely To Recommend
Easiest to Use

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

Individual
Total: $389
Commercial
Total: $769
Enterprise
Total: $1499
Ultimate
Total: $2999
License Terms Read License Agreement Read License Agreement Read License Agreement Read License Agreement
Developers 1 5 20
Projects 1 1 5
Use in SaaS (unlimited end-users)
Perpetual distribution rights
Support Plan
Standard Premium Premium Ultimate
Time Period 1 year 1 year 1 year 1 year
Updates Major, minor, and maintenance updates Major, minor, and maintenance updates Major, minor, and maintenance updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests 10 30 50
Response time 72h 48h 48h 24h
Personal Account Manager
Individual
$389
License Terms Read License Agreement
Developers 1
Projects 1
Use in SaaS (unlimited end-users)
Perpetual distribution rights
Support Plan
Standard
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 10
Response time 72h
Personal Account Manager
Commercial
$769
License Terms Read License Agreement
Developers 5
Projects 1
Use in SaaS (unlimited end-users)
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 30
Response time 48h
Personal Account Manager
Enterprise
$1499
License Terms Read License Agreement
Developers 20
Projects 5
Use in SaaS (unlimited end-users)
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 50
Response time 48h
Personal Account Manager
Ultimate
$2999
License Terms Read License Agreement
Developers
Projects
Use in SaaS (unlimited end-users)
Perpetual distribution rights
Support Plan
Ultimate
Time Period 1 year
Updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Response time 24h
Personal Account Manager

Unlock up to 65% Savings with DHTMLX Bundles

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.

Latest Blog Posts

Effective Task Management with DHTMLX JavaScript Kanban and To Do List Widgets
How to Build a JavaScript Taskboard with DHTMLX Kanban [Tutorial]
Project Resource Management with DHTMLX JavaScript Components
What's new
Discover the recently launched DHTMLX Kanban versions, fresh developer guides, and tutorials with code snippets and practical tips from our tech team.