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, Gantt chart and To Do List 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 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
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
Sorting tasks
Lazy rendering
Separate scrollbars for columns

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. We have introduced CSS variables to style Kanban toolbar, editor, and board. You can even customize a scroll bar.

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

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

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

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