Does the board save when I refresh the page?

No. The board lives in memory only — refresh and you start over. Click Export Board and copy the Markdown or JSON if you want to keep your work.

What does the JSON export look like?

A simple object with a title and a columns array. Each column has a title and a cards array of strings — easy to feed into your own scripts or back-end.

Can I have more than three columns?

Yes. Click "+ Add column" for as many as you like — for example To Do, Doing, Code Review, QA, and Done. Each column has its own card list.

Does it support drag and drop?

Not in this version — moves use the ← and → arrow buttons on each card, which work the same on mobile and desktop and need no extra library.

Is anything sent to a server?

No. The tool is pure client-side React; the board, the export, and the copy step all happen in your browser.

Kanban Board Generator

Build a kanban board with editable columns and cards, then export it as Markdown or JSON.

Written by Golam Rabbani, Founder & Lead Engineer

This interactive tool requires JavaScript. Read the formula and worked example below; you can compute the result by hand.

How to use this kanban board generator

Type a board title and pick an export format (Markdown or JSON).
Rename the default columns (To Do, In Progress, Done) or add new ones with "+ Add column".
Click "+ Add card" inside a column and type the card title — repeat for each task.
Use the left and right arrows on each card to move it between columns; use × to delete a card or column.
Click Export Board, then Copy Markdown (or Copy JSON) to put the entire board on your clipboard.

About this kanban board generator

The kanban board generator lets you sketch a complete kanban board in your browser and export it as plain text — Markdown for documentation tools like Notion, Linear, or GitHub READMEs, or JSON for importing into your own scripts.

Each column is independently editable: rename it, add cards, remove cards, or reorder cards by moving them across columns with the arrow buttons. The whole state lives in React component state, so nothing is persisted to the cloud and nothing is ever uploaded.

For example, start from the default "Sprint Board" with three columns. Rename "In Progress" to "Doing", add the cards "Write spec", "Review PR #42", and "Ship release notes" to it, leave "Draft project brief" in To Do, and move "Kick-off meeting" to Done. Click Export Board in Markdown mode and the output is:

# Sprint Board

## To Do - Draft project brief

## Doing - Write spec - Review PR #42 - Ship release notes

## Done - Kick-off meeting

Paste that into any Markdown-aware tool and the structure carries over.

FAQ

Does the board save when I refresh the page?: No. The board lives in memory only — refresh and you start over. Click Export Board and copy the Markdown or JSON if you want to keep your work.
What does the JSON export look like?: A simple object with a title and a columns array. Each column has a title and a cards array of strings — easy to feed into your own scripts or back-end.
Can I have more than three columns?: Yes. Click "+ Add column" for as many as you like — for example To Do, Doing, Code Review, QA, and Done. Each column has its own card list.
Does it support drag and drop?: Not in this version — moves use the ← and → arrow buttons on each card, which work the same on mobile and desktop and need no extra library.
Is anything sent to a server?: No. The tool is pure client-side React; the board, the export, and the copy step all happen in your browser.