https://github.com/dianaow/workflow-editor
React Flow (XYFlow): A drag-and-drop graphical workflow editor
https://github.com/dianaow/workflow-editor
react reactflow xyflow
Last synced: 6 months ago
JSON representation
React Flow (XYFlow): A drag-and-drop graphical workflow editor
- Host: GitHub
- URL: https://github.com/dianaow/workflow-editor
- Owner: dianaow
- Created: 2023-11-06T15:28:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-31T09:56:38.000Z (about 1 year ago)
- Last Synced: 2025-04-07T08:45:24.818Z (12 months ago)
- Topics: react, reactflow, xyflow
- Language: JavaScript
- Homepage: https://workflow-editor.netlify.app/
- Size: 7.14 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## A drag-and-drop flowchart editor with React Flow
### Features
- Custom nodes and edges
- Nodes can be dynamically grouped
- A flowchart diagram can also be automatically generated from an uploaded JSON file
### To test
Download either of these sample JSON files: [small] (https://raw.githubusercontent.com/dianaow/workflow-editor/refs/heads/main/src/code.json) or [large] (https://raw.githubusercontent.com/dianaow/workflow-editor/refs/heads/main/src/code1.json)
Then, click on "Import JSON" button to render the dataset as a flowchart.
### Demo
https://workflow-editor.netlify.app/
[demo](workflow_editor.mov)