03 / Live demo

A no code API flow builder

Drag nodes, wire them together and run a request through the flow.

add

Receive request

POST /payments

Check token

OAuth2 · JWT

Amount over 1,000?

yes · no

Call fraud check

REST backend

Map fields

rename · format

Respond

200 JSON

Drag the background to pan, the wheel to zoom. Select a node, then arrow keys move it and Delete removes it.

What it shows

Pointer events for drag, connect, pan and zoom on mouse, pen and touch alike.
Wires drawn as SVG curves that follow the nodes, with live feedback while connecting.
A step by step run that follows the wiring, takes branches and reports dead ends and loops.
Keyboard editing: select a node, move it with the arrow keys, delete it.

A miniature of the drag and connect builder I led on an API integration platform for banks and telecom operators.