< DHTMLX Kanban 1.2 with Flexible Sorting, Lazy Rendering, Custom Scroll, and Much More

Kanban JavaScript Component
for Your Project Management Apps

Develop full-fledged web apps with DHTMLX JavaScript Kanban board. Combine slick Kanban, Gantt chart and To Do List 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 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.

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 and sorting

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. You can also enable sorting by label and description via UI or API. Users can sort cards in ascending or descending order.

Product Features of Our JavaScript Kanban Board

  • Rich Javascript API to control each aspect of UI/UX
  • Fully configurable
  • Integration with DHTMLX Gantt, Scheduler, and To Do List
  • 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
  • Duplicating 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
  • Undo/redo functionality
  • Readonly mode
  • Localization
  • TypeScript support
  • Sorting tasks
  • Lazy rendering
  • Separate scrollbars for columns

Use DHTMLX Kanban with Gantt and Scheduler Libraries

Build a comprehensive project management tool by combining Kanban widget with Gantt chart, Scheduler, and To Do List.
Below you can see an example of syncing Kanban tasks with DHTMLX Gantt and Scheduler.

Lightweight JavaScript Kanban Library for Tasks Management
DHTMLX Kanban makes it easier to build user-friendly web apps for creating, prioritizing, delegating, and tracking any number of tasks. Explore its key features by watching a 2-minute overview.

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. We have introduced CSS variables to style Kanban toolbar, editor, and board. You can even customize a scroll bar.
Integration with DHTMLX Gantt chart
Integration with DHTMLX Gantt
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. Additionally, you can enable automatic scrolling to a newly added element, so that users won't have to scroll the board manually.

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, Scheduler, and
To Do List 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 Agile planning tools
Based on our experience of working with the world's leading companies in the field of IT, finance, construction, aeronautics, etc.
You are the owner of all your data, no data transfer and processing to third-party tools

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
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
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