Automation-workflow

一站式 React Flow 工作流示例集，快速搭建可视化自动化界面

Automation-workflow 是一个基于 React Flow 的自动化工作流示例集合，旨在将多种工作流自动化场景和可视化编辑器的实现集中在一个仓库中。它解决了开发者在构建低代码/无代码平台时，缺乏可参考的节点式 UI 和流程编排示例的问题。项目核心能力包括：提供基于 React Flow 的节点编辑器示例，涵盖流程图、思维导图、表单构建器等多种可视化编辑场景；集成 n8n 风格的工作流自动化逻辑，展示如何通过拖拽节点来定义自动化流程；同时包含 FigJam 风格的协作白板交互原型。项目使用 JavaScript 实现，适合作为学习 React Flow 和低代码开发的参考资源，帮助开发者快速理解节点式界面的构建方式，并可直接借鉴其中的代码模式来加速自己的项目开发。

开源 unknown 自动化工作流

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 324

维护状态较活跃

是否开源是

定价模式 unknown

项目数据

分类自动化工作流

开发团队Azim-Ahmed

所属国家

官网地址https://www.visualflow.dev

GitHubhttps://github.com/Azim-Ahmed/Automation-workflow

定价模式unknown

价格说明官网为 visualflow.dev，但定价信息未明确，需进一步确认。

访问状态

是否开源是

开源协议

主要语言JavaScript

技术栈/模型builder,figjam,flowbuilder,gui,jointjs,low-code,mindmap,mindmap-editor,mindmaps,n8n,no-code,node-based-ui,react-flow,react-flow-renderer,reactflow,reactflow-example,webflow,whiteboard,workflow,workflow-builder

GitHub 星标★ 324

30天Star增速

HF 下载量

上线时间2022-08-08 00:00:00

最近更新2026-09-22 00:00:00

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-10

浏览次数12

使用教程

核心亮点

覆盖多种场景：包含流程图、思维导图、表单构建器等丰富示例，可直接参考
基于 React Flow 生态：与主流节点式 UI 库紧密结合，代码模式易于复用
集成 n8n 风格：展示真实工作流自动化逻辑，对低代码平台开发有直接启发

不足之处

文档/社区待观察
项目处于早期阶段，示例完整性可能有限

适用场景

开发低代码/无代码平台时，需要快速实现可视化流程编排界面
学习 React Flow 并希望看到多种实际应用案例的开发者
构建内部工具或自动化工作流编辑器，需要参考现成交互模式

替代项目

n8n、React Flow、Node-RED

项目介绍

Automation-workflow 是自动化工作流领域的开源项目，由 Azim-Ahmed 开发，2022 年首次发布。

它收录于自动化工作流分类，该分类目前共有 509 个项目，GitHub 星标数为 324。

项目保持着较活跃的维护节奏，最近一次代码更新于 2026-09-22。官网为 visualflow.dev，但定价信息未明确，需进一步确认。从国内网络环境看，可直接访问。

它主要面向的使用场景是：开发低代码/无代码平台时，需要快速实现可视化流程编排界面。同类可对比的替代方案包括 n8n、React Flow、Node-RED。

上一篇：n8n-skills

下一篇：AI-Workflow-Hub-2000-