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