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

Widgets
Demos
Resources
Support & Manuals

Documentation

Forum

Tutorials

Video

Lessons

UI Designer

Salesforce
Microframework

Webix Jet
Developer Tools
Free online tools for developers:

Code Snippet

Skin Builder

Form Builder
Pricing
Services
Blog
English
- Русский
- Korean

Download

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.

Download JS Kanban Buy

1 2 3 4 5 6 7

1. Compact and functional design

You can visualize your workflow efficiently.

2. Quick cards adding

You can add cards with a single click.

3. Comments

You can add comments to the tasks.

4. Editing cards

You can add text, tag, and attachments.
You can change the color, status, and performer.

5. Dragging cards

You can drag cards with tasks between the columns.

6. User choice

You can select the desired user and view only their tasks.

7. Compact mode

Collapse columns with a click on the header.

Other Webix widgets for planning tasks:

Scheduler

Timeline

Calendar

DatePicker

DateRange

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.

Drag and drop of cards
Expand/collapse columns
Swimlanes
Filtering
Card highlighting
Single or multiple card selection
Context menu for cards
Custom card arrangement

features-1

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

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.

Open Fullscreen Demo

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

An example of rows and columns implementation.

Swimlanes: multiple columns

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

Attachments to cards

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

Comments

Ability to comment cards on the board.

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.