Repolode
raph651

raph651/open-source-canvas

一款开源节点画布,通过连接提示词、参考图和模型来生成图片与视频,底层运行在本地 ComfyUI 服务上。

Star
143
Fork
37
未关闭 Issue
0
最近提交
7天前

这是什么?

Open Source Canvas 是一个用于图片和视频生成的节点式工作台。提示词、参考图和模型以节点形式摆放在无限画布上,通过连线组合,最终生成的图片和视频片段作为输出节点呈现。前端基于 React、Vite 和 React Flow 构建,本身不做生成计算,所有任务都通过 HTTP 和 WebSocket 接口发送到 ComfyUI 服务器执行。

开箱即用的本地模型包括用于图片的 SD-Turbo 和用于视频的 LTX-Video 2B。LTX-2.5、Seedream 5.0 Pro 等托管模型可通过 ComfyUI 的合作伙伴节点调用,但目前尚未在画布中直接接通,选择后会给出明确的提示。画板以纯 JSON 格式保存在浏览器中,支持自动保存、版本历史和导出。

项目还提供带示例和模板的工作室首页,每个节点可单独设置提示词、参考图、模型、分辨率和随机种子,支持图生图和图生视频的链式流程,并可选启用基于 WebSocket 的协作房间。生产模式下,服务端会代理 ComfyUI,并将每位访问者的输出彼此隔离。

核心功能

  • 01无限节点画布,支持类型化连线、撤销重做、分组和复制粘贴。
  • 02每个节点可单独设置提示词、参考图、模型、分辨率、比例、时长和种子。
  • 03支持图生图和图生视频链式流程,上游图片可作为下一节点的参考或首帧。
  • 04基于本地 ComfyUI 服务运行,默认使用 SD-Turbo 和 LTX-Video 2B 模型。
  • 05画板以纯 JSON 保存,支持本地自动保存、版本历史和导出。
  • 06可选的协作房间,通过 WebSocket 同步画板内容。

适用场景

  • 在本机上通过提示词快速原型化图片或短视频片段。
  • 将文生图结果接入图生视频流程,用于分镜或动态测试。
  • 为多人共享一台 ComfyUI 服务,并让各自的输出相互隔离。

快速上手

  1. 1

    克隆仓库并安装应用依赖

    git clone https://github.com/raph651/open-source-canvas.git && cd open-source-canvas && npm install
  2. 2

    设置 ComfyUI 并下载默认模型(或按 README 手动操作)

    ./scripts/setup-comfyui.sh --with-video
  3. 3

    以开发模式启动应用,然后打开 http://127.0.0.1:4173

    npm run dev

使用前须知

  • 需要同时在本机运行 ComfyUI 服务器。
  • LTX-Video 2B 在默认设置下约需 24 GB 统一内存或显存。
  • Seedream、LTX-2.5 等 API 模型目前无法直接在画布中生成,需要自行编写封装。
  • 部分模型权重许可限制较多,例如 LTX-2.5 对年营收超过 1000 万美元的公司需要商业许可,MiniMax H3 的社区许可排除了美国、欧盟、英国和韩国。

收录于专题

标签

常见问题

open-source-canvas 是什么?
一款开源节点画布,通过连接提示词、参考图和模型来生成图片与视频,底层运行在本地 ComfyUI 服务上。 Open Source Canvas 是一个用于图片和视频生成的节点式工作台。提示词、参考图和模型以节点形式摆放在无限画布上,通过连线组合,最终生成的图片和视频片段作为输出节点呈现。前端基于 React、Vite 和 React Flow 构建,本身不做生成计算,所有任务都通过 HTTP 和 WebSocket 接口发送到 ComfyUI 服务器执行。
open-source-canvas 可以免费使用吗?用的什么许可证?
open-source-canvas 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
open-source-canvas 还在维护吗?
活跃维护中。open-source-canvas 最近一次提交是在 2026年11月1日。
open-source-canvas 适合用来做什么?
在本机上通过提示词快速原型化图片或短视频片段。 将文生图结果接入图生视频流程,用于分镜或动态测试。 为多人共享一台 ComfyUI 服务,并让各自的输出相互隔离。
open-source-canvas 怎么安装和运行?
克隆仓库并安装应用依赖: git clone https://github.com/raph651/open-source-canvas.git && cd open-source-canvas && npm install 设置 ComfyUI 并下载默认模型(或按 README 手动操作): ./scripts/setup-comfyui.sh --with-video 以开发模式启动应用,然后打开 http://127.0.0.1:4173: npm run dev
在哪里获取 open-source-canvas?
源代码和安装说明在 GitHub 上:https://github.com/raph651/open-source-canvas

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目