xyflow/xyflow 是开源的 React Flow 和 Svelte Flow 库，用于构建基于节点的用户界面。它支持 React 和 Svelte 框架，提供开箱即用的功能，同时允许高度自定义。这些库功能强大，适合开发各种节点式 UI 应用。

XYFlow 开源库简介

XYFlow 是一组功能强大的开源库，用于构建基于节点的用户界面，支持 React 和 Svelte 框架。

核心特性

• 开箱即用：提供即用型解决方案
• 高度可定制：支持无限定制
• 多框架支持：
  • React Flow（reactflow.dev）
  • Svelte Flow（svelteflow.dev）

包含的包

1. @xyflow/react：React Flow 12
2. reactflow：React Flow 11（v11分支）
3. @xyflow/svelte：Svelte Flow
4. @xyflow/system：共享辅助库

使用场景

• 个人项目：免费使用，欢迎反馈和Star支持
• 商业项目：需要赞助支持以维持MIT许可证下的持续开发

快速开始

React Flow

bash npm install @xyflow/react

Svelte Flow

bash npm install @xyflow/svelte

许可证

采用 MIT 许可证

项目维护

由 xyflow团队 维护，提供： - 官方文档 - Discord社区支持 - 专业版服务（React Flow Pro）

项目数据

• GitHub Stars：33.2k
• Forks：2.2k
• 使用者：9.9k+

提示：商业用户可通过GitHub Sponsors或Open Collective支持项目发展。

评论总结：

1. 高度评价库的功能和易用性

• "This is an excellent library!" (wallzero)
• "It's a lovely library :)" (NatKarmios)
• "This is a well-done library that's fun to work with" (randomdrake)

2. 广泛的实际应用案例

• 用于符号执行调试界面(NatKarmios)
• 构建组织架构图生成器(randomdrake)
• 创建AI研究可视化工具(carltheperson)

3. 对跨平台支持的期待

• 希望支持React Native(wallzero)
• 询问Web组件资源(iamcreasy)
• 赞赏Svelte版本支持(carltheperson)

4. 开发体验反馈

• 文档完善且示例丰富(krebby)
• 注意节点重渲染性能(teunlao)
• 开发团队更新积极(krebby)

5. 商业化相关讨论

• 询问付费广告问题(steve_taylor)
• 赞赏教育用途免费(Orochikaku)

6. 技术优势认可

• 比手动使用D3更方便(CuriouslyC)
• 自定义节点和边的灵活性(carltheperson)
• 被多个AI工具采用(CuriouslyC)

关键引用： - "if you're creating node based interfaces there's no reason to hand roll with D3" (CuriouslyC) - "The devs have been good about keeping a cadence of solid changes" (krebby) - "Adding custom edges isn't very hard either" (carltheperson)