Disclaimer: I work at Synergy Codes, the team behind Workflow Builder, and this article was first published on the Workflow Builder blog . The demo and the code are mine.

TL;DR: The editor in Workflow Builder is data-driven. A backend serves the node palette, the property panels, and the theme as JSON and CSS variables, so you customize the editor by editing data, not by rewriting code. I built a demo with two editors that share every line of code yet look and behave like different products. Live demo · source .

New to Workflow Builder? It is an open-source framework for workflow orchestration you embed in your product; this post is about its visual editor. The editor in Workflow Builder is data-driven. A backend serves the node palette, the property panels, and the theme as JSON and CSS variables. So you customize the editor by editing data, not by rewriting code. The real win is flexibility: one editor can serve many use cases, clients, and brands.…