We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Vue Kanban board is a task scheduling control that provides clear user interface representation to manage multiple stages of work. The Kanban board is widely used in various real-time applications such as task scheduler, project management, software or product development, manufacturing process, personal task management, and much more.


Flexible layout

By default, Kanban has a simple layout with cards and columns. But users can create complex Kanban boards based on their application needs and integrate with any team in an organization.


Responsive and touch-friendly

Vue Kanban has a highly responsive layout and a finely optimized design for desktops, touch screens, and smart phones.

Illustration of touch support of HTML5 Vue kanban

Touch support

User-friendly touch gestures and an interactive UI design on Kanban help produce the best user experience.

Illustration of adaptive UI of HTML5 Vue kanban

Adaptive UI

The Kanban user interface adapts automatically to mobile and desktop devices. This helps the application to scale elegantly across all form factors without any additional effort.


Data binding

Data binds seamlessly with various local and remote data sources, such as: JSON, RESTful services, OData services, and WCF services.

Vue Kanban loads data on demand by default to reduce transfer and load times. Proper field mapping is mandatory when binding Kanban to the data sources with different field names.

Data binding options available in HTML5 Vue kanban


Workflow

The Kanban restrict or allow card transitions from one column to another to maintain a controlled workflow process.


Work in progress (WIP) limits

Users can set limits to the card count at each stage of Kanban workflow to avoid working on multiple tasks. Kanban columns visually change its appearance when validation fails.


Card options

A card is the main element of Kanban board that provides clear representation of tasks and flows across various stages.

Illustration of card customization with HTML5 Vue kanban

Customizable cards

Change the look and feel of Kanban cards by customizing their default appearance and style using any HTML or CSS element.

Kanban Drag and Drop

Drag and Drop cards

Provides smooth drag-and-drop support to modify the status of cards.

Kanban Multiple Selection

Selection

Easily select multiple cards using mouse, keyboard, or touch interfaces. You can also make multiple selection of cards by pressing the Shift key.


Columns

The Kanban board divides its layout as columns to visualize the different stages of work, e. g. to-do, validate, in-progress, testing, and completed.

Kanban Toggle Column

Expand/Collapse column

Built-in support is available for expanding and collapsing the columns by interaction and programmatically. Users can also control the collapsible behavior on page load.

Kanban Multiple Key

Multi-key

Users can map multiple keys to single columns to group similar columns. i.e., development column has implementation, review, and testing.


Card editing

Vue Kanban provides full support to create, read, update, and delete operations (CRUD) on cards. In addition to built-in editing through dialog, users can create a template that suits their application needs. Editing operations are performed with the help of a data manager.


Stacked header

Vue Kanban allows you to add additional headers to group the logically related columns above the column header in a stacked manner.


Swimlane

Visually split the Kanban board horizontally to categorize the cards based on key i.e., assignee, project, or type. Users can customize the swimlane header with templates and control the visibility of empty rows and items count in a swimlane row.


Frozen rows

The Swimlane frozen rows option makes the rows always visible at the top when scrolling the content. It is mainly used to show corresponding swimlane rows.


Tooltip

Display card information with a default tooltip or customized tooltip template.


Templating

Users can customize the UI elements of Kanban using templates i.e., column header, cards, swimlane header, and tooltip.


Localization and RTL

Kanban can easily be adapted to any language and culture. It also has support to render in the right-to-left (RTL) direction.

Vue kanban with localization support

Localization

Localize all the static strings that are used in the user interface of the Vue Kanban control using the localization (l10n) library.

Vue Kanban displaying from right to left

Right to left (RTL)

Vue Kanban allows you to render its layout, columns, and cards from right to left to improve the user experience and accessibility for RTL languages.


Built-in themes

Five built-in SASS-based themes are available, such as Material, Bootstrap, Fabric (Office 365), Tailwind CSS, and High Contrast.

Theme illustration for Vue Kanban


Other supported frameworks

The Kanban Board component is also available in Blazor, React, Angular, and JavaScript frameworks. Check out the different Kanban Board platforms from the links below,


Developer-friendly APIs

Developers can have full control over the UI and behavior of the Kanban board through its built-in, developer-friendly APIs. The simple and extensible APIs allow you to customize Kanban functionalities with ease.




65+ VUE UI COMPONENTS

Frequently Asked Questions

  • Visual organization and prioritization of your tasks with a transparent workflow.
  • Efficient control to manage software and product development, project management, and task planning using swim lanes, cards, WIP validations, and more.
  • A rich set of built-in functionalities such as data binding, templating for card, scrolling, drag-and-drop, stacked headers, responsiveness, various built-in themes, and much more.
  • Simple configuration and API.
  • Support for all modern browsers.
  • Expansive learning resources such as demos and documentation to learn quickly and get started with Vue Kanban Board.

We do not sell the Vue Kanban Board separately. It is only available for purchase as part of the Syncfusion Vue suite, which contains over 65 Vue components, including the Kanban Board. A single developer license for the Syncfusion Essential Studio for Vue suite costs $995.00 USD, including one year of support and updates. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team today to see if you qualify for any additional discounts.

You can find our Vue Kanban Board demo here.

No, our 65+ Vue components, including Kanban Board, are not sold individually, only as a single package. However, we have competitively priced the product so it only costs a little bit more than what some other vendors charge for their Kanban Board alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 65+ Vue components for a flat fee of $995/developer. On top of this, we might be able to offer additional discounts based on currently active promotions. Please contact our sales team today to see if you qualify for any additional discounts.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

A good place to start would be our comprehensive getting started documentation.

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

double quotes

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia

Vistatec

Transform your applications today by downloading our free evaluation version Download Free Trial

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile