质量分 77Bflow.foblex.com

Foblex Flow — Angular 节点编辑器与工作流构建库

Foblex Flow 是面向 Angular 的节点编辑器库,用于构建生产级工作流构建器、AI 流水线和交互式图表,内置拖拽、连接和撤销/重做功能。

访问官网

关于这个工具

什么是 Foblex Flow?

Foblex Flow 是一个面向 Angular 的节点编辑器库,用于构建生产级工作流构建器、AI 流水线和交互式图表。拖拽、连接和撤销/重做功能已内置,因此开发者无需从零实现这些交互。

主要能力

  • 内置交互:拖拽、连接和撤销/重做已集成到编辑器中。
  • 手势映射:可将手势映射到整个编辑器的操作,支持类似 Miro 的交互和绘制。
  • 布局响应:当节点改变大小、内容流入或卡片展开时,布局能够实时调整。
  • 可配置控制方案:支持点击连接、键盘编辑和统一的连接器模型。
  • 可选插件:Managed Flow State 插件可将删除等手势应用到显式类型化存储。
  • 连接验证:支持检查业务规则,如允许的连接对、最大度数、连接器类型等。
  • 选择同步:选择状态可驱动检查器面板和工具栏。
  • 可访问性:默认提供 ARIA 语义,并可选键盘层,支持选择、移动、删除甚至创建连接。
  • AI 就绪工具链:开发模式诊断、稳定错误代码、通过 ng add 安装的代理规则,以及 npm 包内版本匹配的 LLM 文档。

适用场景

Foblex Flow 适用于构建低代码平台、交互式图表、工作流构建器、节点编辑器和 AI 流水线。它面向 Angular 开发者、工作流构建器开发者和 AI 流水线构建者。

平台与许可

Foblex Flow 运行在 Web 平台上,属于开源项目,学习曲线为中等。

典型场景
  • ) maps gestures to actions for the whole editor at once, with Miro-like and draw
  • 0 @foblex/platform@1
  • 0 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open
  • 0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model
  • 0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library
  • 0, @foblex/drag-toolkit@1
  • 0: Managed State, Faster Large Flows, and Shadow DOM Support v19
  • 0: Strict CSP Support, Smarter Waypoint Routing, and New Diagnostics Today I'm shipping v19

功能与使用场景

) maps gestures to actions for the whole editor at once, with Miro-like and draw0 @foblex/platform@10 makes layout work while the user is actually using the editor: when nodes change size, when content streams in, when a card toggles open0 opened up how a Foblex Flow editor can be driven: configurable control schemes, click-to-connect, keyboard editing, and one connector model0 sit at different layers of the library, but they share a theme: making the canvas behave the way real editors actually need it to behave, without forcing application code to fight the library0, @foblex/drag-toolkit@10: Managed State, Faster Large Flows, and Shadow DOM Support v190: Strict CSP Support, Smarter Waypoint Routing, and New Diagnostics Today I'm shipping v191 is about making the newer interaction architecture practical in production editors1, @foblex/drag-toolkit@11, the optional Managed Flow State plugin can apply that deletion and other supported gestures to an explicit typed store2) — the requirements a diagram editor usually fails first

使用分析

成熟度信号
  • 模型家族
  • 开源
上手难度
  • 中

信息来源

每条档案都保留来源与最近验证时间。

相似工具

Jetadmin
jetadmin.io
92

Jetadmin 是一个无代码平台,用于在您现有的数据之上构建受管控的内部工具、仪表盘、门户和 AI 智能体。它可连接 Postgres、MySQL、REST API 或电子表格,让您无需编写前端代码即可创建管理面板、客户门户和自动化流程。

免费增值 · US$16+/月

打开详情
Inkeep Agents
docs.inkeep.com
90

Inkeep Agents 是一个用于构建智能体聊天助手和 AI 工作流的平台,同时支持无代码可视化构建和代码开发。它提供多智能体架构、统一 AI 搜索(托管 RAG)、MCP 工具与凭证管理,并可通过 Slack 及支持平台使用。

免费

打开详情
Giselle: AI App Builder
giselles.ai
77

Giselle seamlessly integrates with GitHub to create an intelligent operations layer that plans and acts on your behalf.

免费增值 · US$20+/月

打开详情
Welcome
docs.hexabot.ai
74

Build and run agentic workflows across channels with Hexabot.

打开详情