vue-flow

Vue 3流程图组件灵活定制与高效渲染

Vue Flow 流程图组件自定义 Vue 3 节点和边 Github 开源项目

Vue Flow是一款基于Vue 3的流程图组件，具有易于设置和高度可定制的特点。它提供内置的缩放、平移、元素拖动和选择功能，支持自定义节点、边缘和连接线。此外，Vue Flow还包含图形辅助和状态组合函数，以及背景、小地图和控制面板等附加组件。该项目采用TypeScript编写，确保代码的可靠性和类型安全。

访问官网

Github

介绍相关项目

Drawflow - 简洁易用的JavaScript流程图库

DrawflowGithubJavaScript开源项目数据流流程图库节点编辑

Drawflow是一个轻量级的JavaScript流程图库，用于快速创建交互式数据流图表。该库支持节点拖拽、多输入输出、连接管理、模块化设计和移动设备兼容等功能。Drawflow无外部依赖，易于集成，并支持Vue组件。它适用于需要可视化工作流程或数据流的各种Web应用开发。

X-Flowchart-Vue - 功能丰富的可视化图形编辑工具

G6GithubVueX-Flowchart-Vue可视化图形编辑器开源项目流程图工具

X-Flowchart-Vue是一个基于G6和Vue开发的开源可视化图形编辑器。该工具提供丰富的绘图功能、编辑操作和交互方式,支持自定义材料和多语言。项目易于集成,通过npm即可安装使用。灵活的配置选项和API接口使其适用于多种图形编辑和流程设计场景。

xyflow - 开源库用于构建交互式节点型用户界面

GithubReact FlowSvelte Flowxyflow开源库开源项目节点式UI

xyflow项目包含React Flow和Svelte Flow两个开源库，专注于节点式用户界面的构建。这些库支持拖拽、缩放和自定义节点，适用于开发各类图形编辑器、工作流程图和数据可视化应用。xyflow为个人项目提供免费使用权限，并设有商业支持选项。

flowchart.js - 基于浏览器的流程图DSL和SVG渲染器

DSLGithubSVG渲染flowchart.js开源项目流程图节点连接

flowchart.js是一个基于浏览器的流程图DSL和SVG渲染器。该工具使用简洁的文本语法定义节点和连接，支持多种节点类型和连接样式。它具有高度可定制性，允许细粒度调整节点和连接样式。flowchart.js可在浏览器中运行，同时提供命令行接口。其简洁语法和多样功能适用于各类流程图绘制需求，是流程图制作的有力工具。

react-diagrams - 基于React的可扩展流程图库支持自定义节点和高效编辑

GithubHTML节点TypeScriptreact-diagrams可扩展开源项目流程图库

react-diagrams是一个基于TypeScript和React的流程图库，灵感来自Blender、Labview和Unreal引擎。它支持HTML节点，提供模块化设计和强大的泛型支持。该库适用于需要运行时重组程序的开发者，具有快速编辑和高度可定制性。

flowgpt - AI自动流程图生成工具

FlowGPTGPT-3.5GithubMermaidNext.jsOpenAI开源项目

FlowGPT利用GPT-3.5技术，通过Next.js、langchain和Mermaid等实现智能流程图生成。需要Node版本18及以上和OpenAI API Key即可快速安装和运行。FlowGPT的功能包括自动语法错误检测与重试、UI界面API Key插入、本地存储流程图及动画流程图生成。项目仍在持续改进中，欢迎贡献建议。

flowchart-fun - 文本快速生成流程图工具

Flowchart FunGithubReact可视化工具开源项目文本转图表流程图生成

Flowchart Fun是一个开源的在线流程图生成工具，通过文本转图形技术，用户只需输入文本即可快速创建流程图。该工具操作简单，无需复杂绘图技巧，能迅速将想法可视化。基于React和cytoscape.js构建，支持多语言，并鼓励社区参与改进。

flow-web-x - flow.ci系统的Web前端界面组件

DockerGitHubGithubflow-web-xflow.cinpm开源项目

flow-web-x是flow.ci持续集成/持续部署系统的开源Web前端组件。该项目在GitHub上维护，提供了直观的用户界面，支持开发环境的热重载和生产环境的构建。开发者可选择通过Docker快速部署，或使用npm安装依赖并运行。flow-web-x支持灵活配置和性能分析报告生成，适用于各种规模的开发团队。

reaflow - React模块化图表引擎构建静态和交互式节点编辑器

GithubReactReaflow交互式编辑器可视化图表引擎开源项目

reaflow是一个基于React的模块化图表引擎，用于构建静态或交互式节点编辑器。它集成了自动布局、节点/边/端口自定义、缩放平移控制、拖放连接和节点嵌套等功能。reaflow简单易用且高度可定制，适合开发复杂的node-based可视化应用。这个开源项目还支持节点/边选择、接近连接辅助、撤销/重做等功能，可满足各种复杂的图表编辑需求。对于需要开发node-based可视化应用的开发者来说，reaflow是一个值得考虑的选择。

fes-design - Vue3高性能组件库，按需引入与主题定制

Fes DesignGithubVue3组件库主题配置开源项目按需引入高性能

Fes Design是基于Vue3和TypeScript构建的高性能组件库，支持按需引入、国际化和主题配置。该库提供丰富的UI组件和图标，安装便捷，可通过npm或pnpm快速集成。Fes Design旨在提高开发效率，同时保持灵活的定制性，适用于多种现代Web应用场景。其简洁API和完善文档有助于开发者快速上手，为前端项目提供强大的UI支持。

相关项目

项目侧边栏1

项目侧边栏2

推荐项目

Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

白日梦AI

白日梦AI提供专注于AI视频生成的多样化功能，包括文生视频、动态画面和形象生成等，帮助用户快速上手，创造专业级内容。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

讯飞绘镜

讯飞绘镜是一个支持从创意到完整视频创作的智能平台，用户可以快速生成视频素材并创作独特的音乐视频和故事。平台提供多样化的主题和精选作品，帮助用户探索创意灵感。

Project Cover

讯飞文书

讯飞文书依托讯飞星火大模型，为文书写作者提供从素材筹备到稿件撰写及审稿的全程支持。通过录音智记和以稿写稿等功能，满足事务性工作的高频需求，帮助撰稿人节省精力，提高效率，优化工作与生活。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务

投诉举报邮箱: service@vectorlightyear.com

@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号