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: 3 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 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-31T09:56:38.000Z (4 months ago)
- Last Synced: 2024-12-31T10:30:51.901Z (4 months ago)
- Topics: react, reactflow, xyflow
- Language: JavaScript
- Homepage: https://workflow-editor.netlify.app/
- Size: 7.13 MB
- Stars: 2
- 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)