Here the generator builds a team kanban board with your own column names, drag-and-drop and keyboard move buttons.
BoardKanban boardExample — not saved until you change it
What the planner understood
Confidence100%
kanban→meansKanban board template
board→meansKanban board template
columns→meansKanban board template
backlog→meansKanban board template
columns→meansBacklog, Doing, Review, Done
Feasibility, templates and prompt history
Feasibility
NATIVELight and dark theme
NATIVEResponsive layout
NATIVESave data on the device
Start from a template
Picking a template keeps the name, colours and fields from your description.
Prompt history
Off by default. Prompts are only kept in this browser if you turn this on.
index.html
Sandboxed · network off · fits 772px
Files 8 files · • = edited by you
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
Tab indents. Press Esc then Tab to move focus out of the editor. Changes preview after a short pause.
Generated code you can read
Open the Code tab to see what was produced: kanban.js handles cards, columns and drag-and-drop; app.js holds the shared storage, theme and toast helpers; tokens.css holds every colour. Nothing is minified or hidden, and there are no dependencies to install.
Edits in the code editor update the preview as you type. Before any code runs, a validator checks file names, references between files, bracket balance and unsafe patterns such as eval or attempts to reach the parent page. Unsafe code is blocked from preview with the exact file and line.
Built-in accessibility
Drag-and-drop is never the only way to do something. Each card has buttons to move it left or right, labelled for screen readers, and moves are announced. The Checks tab runs a static accessibility review of every page.
Frequently asked questions
Can several people use the same board?
Not in real time. Data lives in each visitor’s browser. Shared boards need a server, which is outside a static export.
What happens if I break the code?
The Checks tab shows syntax and runtime errors with file and line numbers, and Undo restores the previous state.