I built a workflow editor on React Flow and extracted the foundation into a reusable kit
I've been building Formity UI (a React Flow-powered form builder, now in the official showcase) and kept hitting the same wall: React Flow gives you a canvas, but turning it into a real workflow editor means building auto-layout, undo/redo, drag-and-drop, validation, and MVVC architecture yourself. Each one is a rabbit hole.
Once I had it working for Formity, I pulled the editor foundation out into its own codebase so it could be reused — Workflow Kit. You own the code, not a dependency.
Reduced open-source version to poke at the structure: https://github.com/martiserra99/workflow-kit-reduced
Full version: https://www.workflowkit.app/
Happy to talk through the architecture, especially the auto-layout and drag-and-drop parts — those were the most complex things to do.