a flow/node based UI framework for React and JavaScript
Wirer is a generalist approach for building user interfaces around the idea of connectable nodes. Wirer allows you to customize the UI to better fit your needs via React components. You can also create and register your own nodes to achieve the goals of your application and let your users play with it.
The Runner works both on browser and on Node.js.
Some examples using Wirer:
Build the flow to alert() a message
Build the flow to guide a box to the target in a minigame
You can execute the flow .json file with the script below:
> node scripts/run-flow.js ./stories/flows/ask-name.json
Start node found: <10, start>
Step 1 <10, start>
Next Step from port 0: <18, console>
Step 2 <18, console>
What's your name?
Apart from handling all node dragging interactions, Wirer offers the following features: