Kanban Board

Simple browser-based Kanban board with drag-and-drop, saved locally in your browser. All processing runs client-side.

About This Tool

The Kanban Board is a free, browser-based task management tool that lets you organize work visually using the Kanban methodology. Create columns, add cards, and drag them between stages to track progress through your workflow -- all without leaving your browser.

The board ships with three default columns -- To Do, In Progress, and Done -- but you can add, rename, or delete columns to match any workflow. Cards support titles, descriptions, and seven color labels (red, orange, yellow, green, blue, purple, or none) so you can categorize tasks at a glance.

Drag-and-drop uses the native HTML5 Drag and Drop API with no external libraries, keeping the page fast and lightweight. Your entire board is saved automatically to your browser's localStorage, so your data persists between sessions without any server or account.

Need to share or back up your board? Export it as a JSON file with one click, or copy the JSON to your clipboard. Import a previously saved board to restore your work or share it with a teammate.

All processing runs entirely in your browser. No data is sent to any server and no account or signup is required. This makes the tool ideal for quick personal planning, sprint task tracking, or lightweight project management.

This tool pairs well with the Sprint Velocity Calculator for tracking agile team throughput, the Story Point Estimator for sizing tasks before adding them to your board, and the Pomodoro Timer for focused work sessions on individual cards.

How to Use

  1. The board starts with three default columns: To Do, In Progress, and Done. Click the pencil icon on any column header to rename it, or click the trash icon to delete it.
  2. Click Add a card at the bottom of any column. Enter a title, an optional description, and select a color label, then click Add Card or press Enter.
  3. Drag a card from one column and drop it into another to move it through your workflow. The target column highlights as you hover.
  4. To edit a card, hover over it and click the pencil icon. Change the title, description, or color label and click Save.
  5. To add a new column, click the + Add Column button on the right side of the board. Give it a name and press Enter.
  6. Click Export to download your board as a JSON file. Click Import to load a previously exported board.
  7. Press Ctrl+Shift+C to copy the entire board as JSON to your clipboard.
  8. Click Clear to reset the board to its default three-column layout.

Popular Kanban Guides

View all Kanban guides →

FAQ

Is my data safe when using this Kanban board?

Yes. All processing runs entirely in your browser using JavaScript. No data is sent to any server. Your board is stored only in your browser's localStorage and never transmitted anywhere. You can export it as JSON or clear it at any time.

Can I customize the columns?

Absolutely. You can add new columns, rename existing ones, or delete columns you no longer need. The board starts with To Do, In Progress, and Done, but you can create any workflow that fits your process -- for example, Backlog, Design, Development, QA, and Deployed.

How does drag-and-drop work?

The board uses the native HTML5 Drag and Drop API built into your browser. Simply click and hold a card, drag it to another column, and release. No external libraries are required, so it works in all modern browsers with minimal overhead.

Will my board persist if I close the browser?

Yes. The board is automatically saved to your browser's localStorage every time you make a change. When you reopen the page, your columns and cards are restored exactly as you left them. Clearing browser data or using private/incognito mode will erase saved data.

Can I share my board with others?

You can export your board as a JSON file using the Export button and share the file. The recipient can then import it using the Import button. You can also press Ctrl+Shift+C to copy the JSON to your clipboard for pasting into a message.

What are color labels for?

Color labels let you categorize cards visually. For example, you might use red for bugs, blue for features, green for completed reviews, and yellow for blocked items. Each card can have one color label, displayed as a colored left border.

Is there a limit on the number of columns or cards?

There is no hard-coded limit. However, since data is stored in localStorage (typically 5-10 MB), extremely large boards may eventually hit browser storage limits. For most projects, this is not a concern.

Related Tools