Markdown kanban board maker

Sketch a kanban board from text. List columns and cards in a Mermaid block to plan work without leaving your Markdown.

Mermaid kanban syntax

A kanban board is a set of columns, each holding cards, set by indentation. A top-level line is a column and an indented line is a card in it. Here is each piece you can write.

Columns and cards

Write a column, then indent the cards that sit in it.

You write

kanban
  Todo
    Design homepage
    Write copy
  In progress
    Build header
  Done
    Set up repo

You get

Card ids

Give a card an id in square brackets so tools can refer to it.

You write

kanban
  todo[Todo]
    t1[Design homepage]
    t2[Write copy]
  doing[In progress]
    t3[Build header]

You get

Card details

Add @{ ... } after a card to set who it is assigned to, its priority and a ticket. Priority can be Very High, High, Low or Very Low.

You write

kanban
  todo[Todo]
    t1[Fix login bug]@{ assigned: 'Sam', priority: 'High', ticket: 'T-23' }
  doing[In progress]
    d1[Design system]

You get

Cheat sheet

Write this	You get
`kanban`	Start a kanban board
`Column name`	A column (written at the left margin)
indented text	A card in that column
`id[Text]`	A column or card with an id
`@{ assigned: 'Sam' }`	Set who a card is assigned to
`@{ priority: 'High' }`	Set a card priority
`@{ ticket: 'T-23' }`	Attach a ticket to a card