Kanban board
A kanban board shows work as cards in columns, one per stage, so people can see what is in progress and move items along as they go.
- Also called
- board view
- Platforms
- Web
- In the gallery
- 50 web designs
Kanban boards from the Kombai gallery: a work-management suite's design board, a CRM's accounts pipeline and a hiring tool's candidate stages.
What is a kanban board?
A kanban board splits a workflow into columns, one per stage, and shows each piece of work as a card in the column it has reached. Moving a card to the next column changes its status, so the board is both a view and a control.
- Column headers name the stage and count its cards.
- Cards carry a title, an owner and a few tags, and open into the full item.
Kanban boards show up across project tracker, CRM and task screens.
When to use a kanban board
- Work moves in stagesTasks, deals or candidates that pass through the same steps.
- Status at a glancePeople need to see what is stuck, in progress or done.
- Shared workA team works off one board and moves its own cards.
When not to use one
- Many fields to compareIf people sort by date, value or owner, use a table.
- Dates drive the workFor deadlines and phases, use a timeline or a calendar.
- Hundreds of itemsLong columns are hard to scan. Filter first, or use a list.
Anatomy of a kanban board
This one works. Drag a card to another column, or tab to its arrow buttons and press Enter. Add a card from the button under a column.
- Card
- Dragging
- Drop target
- Keyboard focus
- ColumnOne stage of the work
- HeaderStage name and card count
- CardTitle, tag and owner
- Move controlsDrag, or use the arrows
- Add cardAdds an item to a column
- StatesCard, dragging, drop target, focus
Kanban board variants
We sorted every kanban board design in the Kombai gallery and found six patterns. Browse all 50 web designs.
1. Status columns
The default. To do, In progress and Done, with each card holding a title, an owner and a tag or two.
2. Pipelines with totals
Deal stages with a count or a summed value on every column, so people see where the money sits.
3. Person cards
Each card is a candidate, an investor or a contact, led by a name and an avatar.
4. Note and idea boards
Long text cards, like interview quotes, friction notes or content ideas, where reading the card matters more than its status.
5. Swimlanes and grouped boards
Rows that split the columns by parent task, columns grouped by deadline, and empty columns folded away.
6. Cards with covers
An image on top of each card, for assets, designs and anything people recognize by sight.
Where kanban boards show up
Issue tracking and sprints
Engineering and studio teams move issues from Backlog or To do through to Done across a cycle.
Content and launch planning
Posts, campaigns and launches move from draft to published, with dates and channels on each card.
Feedback and research
Signals, interview notes and feature ideas sorted into columns before they turn into work.
Kanban board vs similar components
Build notes
- Give every drag a single-pointer alternative, like move buttons or a status menu.
- Announce each move in a polite live region, like "Moved Add Apple Pay to Done."
- Make each column a labelled section, with the stage name and card count in its heading.
- Keep focus on the card after a keyboard move, so people can keep moving it.
- Show a clear drop target while dragging, and dim the card being moved.
- Put a work-in-progress limit in the column header, and flag the column when it goes over.
FAQ
How do you make a kanban board accessible?
Dragging cannot be the only way to move a card. WCAG 2.2 asks for a single-pointer alternative, like arrow buttons or a Move to menu on each card. Announce each move in a live region, and keep focus on the card that moved.
What is a WIP limit?
A work-in-progress limit caps how many cards a column can hold, like three in In progress. When a column is full, people finish something before they pull in new work, so work stops piling up half done.
How many columns should a kanban board have?
As many as the real stages of the work, usually three to six. To do, In progress and Done is the smallest useful set. Fold away columns that sit empty most of the time.
Kanban board or table?
Use a board when the stage of each item matters most and moving items is the main action. Use a table when people sort, filter and compare many fields. Many tools in the gallery offer both as views of the same data.
Related terms
All glossary terms · Browse 50 web kanban board designs