Skip to content

Repository files navigation

MindBoard

A spatial thinking tool that turns the chaos in your head into sticky notes you can drag, connect, and organize on an infinite canvas.

Why I Built This

I built MindBoard because my head was getting too full.

There were too many ideas, half-built projects, loose concepts, content topics, characters, and sparks I did not want to lose. A normal notes app made them feel buried. A kanban board made them feel too linear. I wanted a wall, a real one, with sticky notes spread everywhere so I could step back and see the shape of my own thinking.

But I did not have that wall.

Phone and tablet apps felt too cramped. Obsidian Canvas was close, but I wanted structured card templates instead of generic blocks. Traditional project tools were too heavy and too sequential for messy, branching thought. So I made my own wall.

Screenshots

Core Features

Five card types for different kinds of thinking:

  • 🔧 Project Card — track project status, progress, and core intent
  • 🧠 Knowledge Concept Card — record and connect your personal knowledge system
  • 📢 Content Topic Card — manage a pool of content ideas
  • ⚡ Spark Card — catch the thought before it disappears
  • 👤 Character Card — map real people or fictional characters

Canvas features:

  • Infinite canvas with free pan and zoom
  • Drag cards anywhere
  • Connect cards to reveal hidden relationships
  • Group related cards inside named, resizable frames
  • Manage multiple canvases for different themes
  • Search across the current canvas and jump to matching cards
  • Import/export JSON so the data stays yours

AI-Friendly by Design

MindBoard exports clean JSON that you can feed directly into AI tools like ChatGPT, Claude, or a local model.

That means AI can help you spot overlap between projects, merge similar ideas, suggest priorities, or find clusters you did not notice. The same structure also works in reverse: ask AI to generate cards in bulk, import the JSON, and quickly fill a thinking canvas.

{
  "exportedAt": "2026-06-23T09:00:00.000Z",
  "cards": [
    {
      "id": "card-project-1",
      "type": "project",
      "title": "MindBoard",
      "summary": "A sticky-note wall for spatial thinking.",
      "description": "An infinite canvas for ideas, projects, links, and groups.",
      "core": "Helps turn mental clutter into something visible and movable.",
      "shape": "工具",
      "status": "🔥在做",
      "excitement": 5,
      "position": { "x": 120, "y": 80 }
    },
    {
      "id": "card-concept-1",
      "type": "concept",
      "conceptName": "Spatial Thinking",
      "definition": "Using position and visual relationships to reason about ideas.",
      "domain": "Cognition",
      "nature": "方法流程",
      "maturity": "🌿生长",
      "relatedConcepts": "visual thinking, mind mapping",
      "position": { "x": 420, "y": 120 }
    }
  ],
  "links": [
    { "id": "link-1", "fromCardId": "card-project-1", "toCardId": "card-concept-1" }
  ],
  "groups": []
}

Who Is This For?

  • People with too many ideas and not enough mental floor space
  • Solo builders who find Jira or Notion too heavy
  • Visual thinkers who like arranging thoughts in space
  • People building a personal knowledge system
  • Writers designing characters, worlds, and relationships
  • Anyone who wants AI to help analyze their own ideas

Getting Started

npm install
npm run dev

Then open the local URL printed by Vite, usually http://localhost:5173/.

Usage

  • Double-click empty canvas space → create a card
  • Drag a card → move it
  • Click a card → edit details
  • Right-click a card → start a connection or delete it
  • Mouse wheel → zoom
  • Drag empty canvas space → pan
  • Ctrl+F → focus search

Tech Stack

React + Vite + Tailwind CSS, with localStorage for persistence.

Roadmap

  • ⬜ AI-assisted analysis: select cards and ask AI to find relationships or suggest groups
  • ⬜ Obsidian integration: export Obsidian-compatible markdown
  • ⬜ Local LLM batch generation: use Ollama to turn notes into importable cards
  • ⬜ Collaboration mode: think together on the same canvas
  • ⬜ Tag filters: filter the wall by card type or tags

License

MIT

If your brain is too full and you need a wall — this is your wall.


一个空间化的思考工具,把你脑子里的混乱变成可以拖拽、连线、分组的便利贴墙。

我为什么做它

我做 MindBoard,是因为脑子真的快装不下了。

想法太多,项目太多,概念、选题、人物、突然冒出来的灵感也太多。普通笔记会把它们埋起来,看板工具又太线性,好像每个想法都必须排队。我想要的是一面墙,一堆便利贴,全部摊开,然后退后一步,看清楚这些东西之间到底有什么关系。

但现实里我没有这面墙。

手机和平板上的同类工具屏幕太小,展开不够。Obsidian Canvas 很接近,但没有我想要的自定义卡片结构。传统项目管理工具又太重,太适合流程,不太适合发散。所以我干脆自己造了一个。

截图

核心功能

五种卡片类型,对应不同的思考场景:

  • 🔧 项目卡 — 追踪项目状态、进度、内核
  • 🧠 知识概念卡 — 记录和连接你的认知体系
  • 📢 内容选题卡 — 管理内容创作的选题池
  • ⚡ 灵感火花卡 — 捕捉一闪而过的念头
  • 👤 人物卡 — 记录真实人物或虚构角色的性格画像

画布能力:

  • 无限画布,自由平移和缩放
  • 卡片自由拖拽,任意摆放
  • 卡片之间可以连线,发现隐藏关系
  • 分组框圈住相关卡片,支持命名和拖拽调整
  • 多画布管理,不同主题用不同画布
  • 全局搜索,关键词定位卡片
  • 导入/导出 JSON,数据完全属于你

为 AI 而设计

MindBoard 导出的 JSON 结构很清晰,可以直接喂给 ChatGPT、Claude 或本地模型做分析。

AI 可以帮你发现项目之间的重叠,找出可以合并的想法,建议优先级,或者把一堆散乱卡片整理成更像样的分组。反过来也可以:让 AI 批量生成卡片 JSON,再导入 MindBoard,快速填满一张思考画布。

{
  "exportedAt": "2026-06-23T09:00:00.000Z",
  "cards": [
    {
      "id": "card-project-1",
      "type": "project",
      "title": "MindBoard",
      "summary": "一个空间化思考便利贴墙。",
      "description": "用无限画布管理想法、项目、连线和分组。",
      "core": "把脑内混乱变成可视、可移动、可分析的结构。",
      "shape": "工具",
      "status": "🔥在做",
      "excitement": 5,
      "position": { "x": 120, "y": 80 }
    },
    {
      "id": "card-concept-1",
      "type": "concept",
      "conceptName": "空间化思考",
      "definition": "用位置和视觉关系来理解想法。",
      "domain": "认知",
      "nature": "方法流程",
      "maturity": "🌿生长",
      "relatedConcepts": "视觉思考, 思维导图",
      "position": { "x": 420, "y": 120 }
    }
  ],
  "links": [
    { "id": "link-1", "fromCardId": "card-project-1", "toCardId": "card-concept-1" }
  ],
  "groups": []
}

适合谁用?

  • 想法太多,需要理清头绪的人
  • 做个人项目管理,但觉得 Jira/Notion 太重的人
  • 喜欢空间化、视觉化思考的人
  • 在搭建个人知识体系的人
  • 写小说、搞世界观设定,需要理人物关系的人
  • 想让 AI 帮忙分析自己想法的人

快速开始

npm install
npm run dev

然后打开 Vite 打印出来的本地地址,通常是 http://localhost:5173/

操作指南

  • 双击画布空白处 → 新建卡片
  • 拖拽卡片 → 移动位置
  • 单击卡片 → 编辑详情
  • 右键卡片 → 开始连线或删除
  • 鼠标滚轮 → 缩放
  • 拖拽画布空白处 → 平移
  • Ctrl+F → 聚焦搜索

技术栈

React + Vite + Tailwind CSS,使用 localStorage 做本地持久化。

路线图

  • ⬜ AI 辅助分析:选中几张卡,一键让 AI 找关系、建议分组
  • ⬜ Obsidian 联动:导出为 Obsidian 兼容的 markdown 文件
  • ⬜ 本地 LLM 批量生成:用 Ollama 读取笔记批量生成卡片导入
  • ⬜ 协作模式:多人同时在一张画布上思考
  • ⬜ 标签筛选:按标签过滤显示特定类型的卡片

License

MIT

如果你的脑子太满,需要一面墙——这就是你的墙。

About

A spatial thinking tool — drag, connect, and organize your ideas on an infinite sticky-note wall.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages