{"id":13450670,"url":"https://github.com/antvis/xflow","last_synced_at":"2025-05-14T01:10:38.373Z","repository":{"id":37628596,"uuid":"416569171","full_name":"antvis/XFlow","owner":"antvis","description":"React component for building interactive diagrams.","archived":false,"fork":false,"pushed_at":"2025-04-19T02:17:47.000Z","size":164297,"stargazers_count":615,"open_issues_count":1,"forks_count":248,"subscribers_count":21,"default_branch":"2.0","last_synced_at":"2025-05-11T14:21:53.779Z","etag":null,"topics":["dag","flowchart","react","x6"],"latest_commit_sha":null,"homepage":"https://x6.antv.antgroup.com/xflow/guide/introduction","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/antvis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-10-13T02:57:18.000Z","updated_at":"2025-05-02T07:02:44.000Z","dependencies_parsed_at":"2023-10-20T17:31:18.106Z","dependency_job_id":"fade3f7c-d8b8-4427-a8e0-649346a1ecd5","html_url":"https://github.com/antvis/XFlow","commit_stats":{"total_commits":385,"total_committers":40,"mean_commits":9.625,"dds":0.6987012987012987,"last_synced_commit":"546f42acc37fe7a320244ca02df0d07f1bd31f83"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antvis%2FXFlow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antvis%2FXFlow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antvis%2FXFlow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/antvis%2FXFlow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/antvis","download_url":"https://codeload.github.com/antvis/XFlow/tar.gz/refs/heads/2.0","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254049255,"owners_count":22006027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dag","flowchart","react","x6"],"created_at":"2024-07-31T07:00:37.162Z","updated_at":"2025-05-14T01:10:38.349Z","avatar_url":"https://github.com/antvis.png","language":"TypeScript","funding_links":[],"categories":["Frameworks"],"sub_categories":["React Component"],"readme":"English (US) | [简体中文](README.zh-Hans.md)\n\n\u003cp align=\"center\"\u003e\u003cstrong\u003eReact component for building interactive diagrams\u003c/strong\u003e\u003c/p\u003e\n\n## Features\n\n- 🌱 　 Easy-to-use: Provides a more appropriate way to use React components.\n- 🚀 　 Unified state management: Service data and graph data can be managed in a\n  unified manner.\n- 🧲 　 Supports multi-graph mode: Each graph component has a separate state and graph\n  instance.\n- 💯 　 Out of the box features: There are a lot of diagram components out of the box.\n\n## Installation\n\n```shell\n# npm\n$ npm install @antv/xflow --save\n\n# yarn\n$ yarn add @antv/xflow\n\n# pnpm\n$ pnpm add @antv/xflow\n```\n\n## Usage\n\n```tsx\nconst Page = () =\u003e {\n  return (\n    \u003cXFlow\u003e\n      \u003cXFlowGraph\n        zoomable\n        pannable\n        centerView\n        fitView\n        connectionEdgeOptions={{\n          attrs: {\n            line: {\n              stroke: '#8f8f8f',\n              strokeWidth: 1,\n            },\n          },\n        }}\n      /\u003e\n      \u003cGrid type=\"mesh\" options={{ color: '#ccc', thickness: 1 }} /\u003e\n      \u003cClipboard /\u003e\n      \u003cHistory /\u003e\n      \u003cSnapline sharp /\u003e\n      \u003cTransform resizing rotating /\u003e\n    \u003c/XFlow\u003e\n  );\n};\n```\n\n## Documentation\n\nThe documentation for XFlow 2.0 is still being developed urgently, so if you want to\nknow how to use it, you can refer to the\n[code examples](https://github.com/antvis/XFlow/tree/2.0/apps/basic/src/pages).\n\n## Development\n\n```shell\n$ pnpm bootstrap\n$ pnpm dev\n```\n\n## Contributing\n\nTo become a contributor, please follow our [contributing guide](/CONTRIBUTING.md). If\nyou are an active contributor, you can apply to be a outside collaborator.\n\n\u003ca href=\"https://github.com/antvis/xflow/graphs/contributors\"\u003e\n  \u003cimg src=\"/CONTRIBUTORS.svg\" alt=\"Contributors\" width=\"740\" /\u003e\n\u003c/a\u003e\n\n## License\n\nThe scripts and documentation in this project are released under the\n[MIT License](/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantvis%2Fxflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fantvis%2Fxflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantvis%2Fxflow/lists"}