Bryntum TaskBoard

What is Bryntum TaskBoard?

Welcome to Bryntum TaskBoard - a pure JavaScript kanban component which integrates easily with popular frameworks.

For more general information on our TaskBoard product, please read on. This documentation provides you with everything you need to get started.

If you are excited to have a go now, we suggest you to start with one of our quick start guides below:

Vue

Live demo

Try out some of the Bryntum TaskBoard features with the live demo below.

For a complete overview of Bryntum TaskBoard capabilities, explore the topic-specific guides in the menu, visit our API documentation, and browse Bryntum TaskBoard examples.

Integration

Bryntum TaskBoard runs in all modern browsers (Chrome, Firefox, Safari, and modern Edge), regardless of your target technology.

Before integrating Bryntum TaskBoard with any framework, ensure that your environment meets the following version requirements:

NodeJS: >= 20.0.0
TypeScript: >= 3.6.0
Angular: >= 9.0.0
React: >= 16.0.0
Vue: >= 3.0.0
Ionic: >= 5.0.0
Vite: >= 4.0.0
Webpack: >= 4.0.0
Sass: >= 1.78.0

You can use Bryntum TaskBoard out of the box or integrate it with the framework of your choice and many third-party solutions. Visit the integration section of our documentation for further details:

If you have already downloaded Bryntum TaskBoard, you'll find framework examples in the examples/frameworks folder. If you haven't downloaded Bryntum TaskBoard yet, you can get a free trial here.

How does it work?

A TaskBoard consists of multiple columns and optionally of multiple horizontal swimlanes. Tasks are displayed as cards in a column.

TaskBoard shares its data layer with Bryntum Scheduler and Bryntum Calendar.

TaskBoard layout

Next steps

The best way to get started with TaskBoard is by following our quick start guide, which provides step-by-step instructions. Once you're familiar with the basics, continue with our in-depth tutorial to explore advanced features. Choose your preferred technology below to begin:

React

Angular

Vue

Vanilla JS