NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

Kanban JavaScript UI widget or Tasks Management Board

Kanban is one of the methods of planning and managing tasks right-on-time. Webix offers a ready-made Kanban JavaScript component that can be built into any project management app. Another well-known name for this UI widget is Tasks management board. Use our finished JS Kanban application to save time for the design and development.

kanban
1234567

1. Compact and functional design

  • You can visualize your workflow efficiently.

Other Webix widgets for planning tasks:

Why use JS Kanban?

Easy backend integration

Explicit Integration with PHP, Node.js, Golang and .NET.

Customizable

All elements can be adjusted through API, without need to edit anything in source codes (which are provided by the way).

Easy frontend integration

Сan work with all modern frameworks. You can use it standalone or inside the React of an Angular app.

Cross platform and browser support

Support of All Modern browsers.

Well-prepared JS component for the integration

Integration of the app occurs with a few rows of code.

Features reach Kanban component

Drag-n-drop support, filters, tasks grouping, contextual menu, and other.

Lightning rendering speed

Lightning rendering speed of the component and pure JavaScript code.

Documentation, samples, technical support

Product with a detailed documentation and technical support service.

Advanced Kanban features for your JavaScript web apps

features-1

Effortlessly move cards between columns by dragging and dropping them to the needed position.

features-2

Save screen space by hiding the columns that are currently not in use.

features-3

Visualize your project workflow even more effectively by displaying separate swimlanes for different teams.

features-4

Display only those task cards that you need at the moment.

features-5

Provide color accents for the high-priority tasks so that they can be easily noticed.

features-6

Use multiple selection to perform group operations on tasks.

features-8

Place cards into tabbed layout, organize them vertically or horizontally to achieve the best presentation of your project workflow.

JavaScript Kanban live demo

Backlog
Drag-n-drop with shifting cards
Form Builder
Performance tests
Report Manager
Test new authentification service
Ready to test
Kanban tutorial
Portlets view
Code Snippet
In test
Backend integration
Webix Jet
Chat app interface
Pivot Chart widget

Kanban JavaScript coding samples

Filtering

Filtering

Filtering elements of an object with the ability to cancel: when selecting an object, only the elements that belong to it remain.

Rows and Columns

Rows and Columns

An example of rows and columns implementation.

Swimlanes: multiple columns

Swimlanes: multiple columns

Ability to set different columns for each track on the board.

Attachments to cards

Attachments to cards

Ability to attach graphics to the task card on the board.

Comments

Comments

Ability to comment cards on the board.

Compact Skin

Compact Skin

Ability to fit a large number of cards into the visible part of the screen.

What is Kanban?

Kanban or Task management board is one of the most popular ways of managing projects and planning tasks. Following the philosophy of transparency and clarity of all the processes this methodology visualizes current and upcoming tasks in the form of the cards sequence placed on the tasks board. Therefore each team member sees the steps of the general team work progress. The process of planning in the Kanban methodology consists of splitting the project into series stages. Tasks are formulated to complete each stage. Resources or implementers are assigned for each task. Kanban application interface allows tracking progress on both separate tasks and the whole project. The simplicity and clarity of Kanban makes it a universal solution for most of the tasks in the sphere of developing apps for planning and managing.

Webix Kanban licensing

License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Custom Pack
Kanban
1
2 developers
Standard
30
Up to 48 hours
from $ 798
Customize
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Company Pack
All complex Widgets
1
Unlimited developers
Standard
30
Up to 48 hours
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
DevTeam Pack
All complex Widgets
Unlimited projects
5 developers
Standard
30
Up to 48 hours
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Unlim Pack
All complex Widgets
Unlimited projects
Unlimited developers
Priority
Infinity
Up to 24 hours