Bryntum TaskBoard

What is Bryntum TaskBoard?

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

Bryntum TaskBoard is a full-featured Kanban style taskboard component with a rich, clean and comprehensively documented API and many ways to customize and extend it. It is accessible, responsive and supports touch devices.

Bryntum TaskBoard is built using modern web techniques on a well documented, comprehensive set of core UI components. It is designed from the ground up to be responsive and mobile-friendly, while still being a powerful tool for desktop users.

It is internationalized with support for 45 locales out of the box, and this can be easily extended.

It is themed using modern CSS techniques and includes a number of preconfigured themes, each of which may be switched between light and dark mode. All aspects of the appearance may be customized using CSS variables.

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.

Continuous evolution and improvement

Maintenance releases with bug fixes are released on average every two weeks, with minor releases every quarter. See the public change log

Keep up to date with developments on our blog

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

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.

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