Javascript 生成基于web的GUI以拖放组件并连接它们

我们正在尝试将桌面应用程序转换为基于web的应用程序。我们需要创建一个GUI，在其中我们可以从左侧菜单栏拖放组件并连接它们。上面的示例输出来自桌面应用程序，以显示我们正在查看哪种GUI。所有这些连接的组件将创建一个工作流。在这些工作流中，我们可以将少数组件的端子连接到其他组件（并非每个端子都可以连接到其他端子）

我对为基于web的应用程序开发GUI很陌生。我们计划使用javascript来开发这个GUI。我在谷歌上看到了图书馆“wireit”

有人能告诉我们哪些javascript库可以用来实现这一点吗。有助于我们实现这一目标的任何其他基于web的体系结构/语言。你的答复

---

将极大地帮助我朝着正确的方向前进。

jQuery UI有一个很好的可拖动API:

任何人都有使用wireit库的经验。我能实现我正在谈论的使用wireit的工作流程吗？嗨，Hari，我只是想知道你是如何实现这个要求的。今天，我还需要创造完全相同的东西。任何指点都会大有帮助。谢谢你的回复。我不确定是否可以使用jQuery UI生成完整的工作流GUI。