Try Demo
Use the original Foundation Base demo.
Open Source Kanban Board Template App
Use it now, create your editable source copy, customize it with AI, and deploy your own version.
Runnable
Has a working demo or runnable source path.
Agent-ready
Includes instructions or structure for AI coding agents.
Install-ready
Includes App Link or install guidance.
Deploy-ready
Includes deployment guidance or a documented deploy path.
Local-first
Core data works locally by default where expected.
Production-ready
Runnable, agent-ready, deploy-aware, and reasonably polished.
Pick a working app. Make it yours.
Try the shared demo, create your editable copy, customize with AI, deploy your App Link, and install your version.
Create My App
Create the editable source package.
Customize with AI
Open the folder in Claude Code, Codex, Cursor, or another coding agent.
Deploy App Link
Publish your own stable URL.
Install Your Version
Add your deployed App Link to your phone or desktop.
Five-column Kanban board with compact cards, labels, due dates, checklist progress, WIP warnings, and mobile-friendly drag.
Overdue, due today, due this week, blocked, and in-progress cards collected into one daily operating view.
A fast editor for descriptions, status, priority, labels, due date, checklist, notes, links, attachments, estimate, assignee, and blocked state.
What this app does
Kanban Board Template App is a Foundation Base project-management foundation that starts useful and stays editable. It includes board, list, and today views; mobile-friendly drag and drop; a lightweight card drawer; WIP warnings; search, filters, grouping, templates, Board Doctor, Plan My Work, local JSON backup, PWA install support, and clear instructions for handing the project to an AI coding agent.
Next.jsReactTypeScriptlocalStorageService Worker
What you can build from this
- A personal Kanban app
- A software project board
- A content calendar
- A lightweight CRM pipeline
- A household operating board
- A startup work tracker
What is included
- Board, List, and Today views
- Mobile-friendly card drag and column movement
- Card drawer with checklist, notes, links, attachments, labels, due dates, estimate, assignee, and blocked state
- Search, filters, simple Group By, WIP warning limits, and built-in templates
- Board Doctor and Plan My Work rule-based helpers
- PWA install support, offline fallback, export/import, and agent customization prompts
Questions people ask
Is this a Trello clone?
No. It uses a familiar Kanban board, but adds local-first storage, Today View, Board Doctor, Plan My Work, source-package docs, PWA install support, and AI customization prompts for owned workflows.
Does it require an AI API?
No. The AI features are copyable prompts and agent handoff docs. Board Doctor and Plan My Work are local rule-based utilities.
Where is board data stored?
Board data is stored in browser local storage by default and can be exported or imported as JSON.
Create your app in three steps
1
Create My App
One click gives you the editable project with setup files and AI-agent instructions. Free, licensed, and yours to keep.
Create My App2
Open it with your agent
Open the downloaded folder with the agent you already use. The package includes project notes so the agent can inspect, customize, and publish it without treating the demo as the final app.
$ cd kanban-board
$ claudeClaude Code reads the included CLAUDE.md automatically; it already knows the project.
3
Customize and install the App Link
Ask your agent to make the project yours, publish a stable HTTPS App Link, and use that App Link for installation on each device.
“Customize this app for me, then help me publish it to a stable HTTPS App Link I can install.”Foundation Base standard
Use it. Create your copy. Install your App Link.
This app is part of the reusable Foundationbase scaffold. The demo is the original. Your copy is separate, owned by you, and changed by your AI coding agent.
1Try Demo
2Create My App
3Customize with AI
4Deploy App Link
5Install Your Version
Included logo
Saved with the foundation package so your copied app starts with its own mark.
Preview placeholder
The working demo is available now. A dedicated screenshot set can be added during a future asset pass.
Use the demo
Try the original Foundationbase version first. No signup, no account, and no setup.
Open Demo LinkCreate My App
Create a complete editable source package. Your copy is yours; changing it never changes the original demo or anyone else's app.
Create My AppCustomize with AI
Open the unzipped folder with Codex, Claude Code, Cursor, or another agent. Paste the prompt and let the agent set up, change, test, and publish.
Demo Link
The original Foundationbase app you can try before creating your own copy.
Preview Link
A temporary test link your agent may use while changing your copy.
App Link
Your stable published app URL. This is the link you install.
Install path
- The demo can be installed as a PWA from the Foundation Base URL.
- After customization, deploy your own copy and install your own URL.
Data and sync
- Board data stays in this browser by default.
- Export/import JSON is included for backups and portability.
- The downloaded project includes DATA.md with storage and deployment notes.
Package contents
agent/START_HERE.mdAGENTS.mdCLAUDE.mdREADME.mdagent/DEPLOY.mdagent/PROJECT_MAP.mdagent/RECIPES.mdagent/RULES.mdagent/TESTS.md.cursor/rules/foundation.mdcASSETS.mdpublic/foundationbase/logo.*public/foundationbase/screenshots/
Customize guideDemo Link, Preview Link, App Link
The Foundation Base demo does not update when you customize your copy. Install your own App Link after you deploy.
Demo Link
The original Foundation Base version. Good for trying the app.
Preview Link
A temporary testing link while your app is being customized.
App Link
Your stable deployed URL. Install this version if you want your changes to appear on your phone or desktop.
Customization recipes
Copy a prompt and give your editable app folder to an AI coding agent.
Turn this into a content calendar
Shape columns, labels, and Today View around publishing workflows.
Turn this into a software project board
Adapt card labels, statuses, filters, and templates for building software.
Turn this into a CRM pipeline
Use the same board engine for leads, follow-up, proposals, and won/lost status.
Verification receipt
What the current listing can honestly claim.
- Demo tested
- Source package generated
- Agent instructions included
- Build checked
- Local-first behavior checked
- Install path documented
- Deploy path documented
- Hidden network behavior checked
Agent-ready information
Includes README, QUICKSTART, CUSTOMIZE, DEPLOY, AGENTS, DATA, ROADMAP, centralized Kanban types/helpers, and copyable agent prompts.
CodexClaude CodeCursorChatGPT
README.mdQUICKSTART.mdCUSTOMIZE.mdDEPLOY.mdAGENTS.mdDATA.mdROADMAP.mdapp/foundation/kanban.ts
Changelog
v1.0.0Jul 10, 2026
- Initial release with board/list/today views, card drawer, templates, PWA support, Board Doctor, Planning Assistant, export/import, and source package docs.
Built for safe starting points
Every foundation is treated as code, not content. Contributions are reviewed before publication, and foundations are checked for hidden network behavior, unsafe scripts, secrets, and unclear setup paths.
Related foundations
Explore nearby starting points before you commit to a fork.
Production Ready
/productivity / updated Jun 29, 2026
Personal Operating System
A flexible personal system foundation for daily planning, projects, notes, habits, and review loops.
- Use it today.
- Create your editable copy.
- Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
AdvancedDifficultypersonal systems, daily planningBest forMITLicense
5 min setupAgent-readyApp Link path
Creates your editable project with setup files and AI-agent instructions.
Production Ready
/utilities / updated Jul 1, 2026
Content Calendar
A content operations foundation for calendars, campaign planning, draft workflows, approvals, and publishing checklists.
- Use it today.
- Create your editable copy.
- Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
IntermediateDifficultyfocused workflows, small toolsBest forMITLicense
5 min setupAgent-readyApp Link path
Creates your editable project with setup files and AI-agent instructions.
Production Ready
/developer-tools / updated Jul 2, 2026
Bug Tracker
A lightweight issue tracker: severity, status, filters, and a closed graveyard — for projects that don't need Jira.
- Use it today.
- Create your editable copy.
- Customize it with AI.
RunnableAgent-readyInstall-readyDeploy-ready
Next.jsReactTypeScript+1
BeginnerDifficultybuilders, internal toolsBest forMITLicense
5 min setupAgent-readyApp Link path
Creates your editable project with setup files and AI-agent instructions.