jegovpn/sbcv

sbcv is a browser-based visual editor for sing-box configuration files. Sing-box is a network proxy tool that is configured entirely through a JSON file. For users who find that file difficult to maintain by hand, sbcv turns it into a drag-and-drop canvas where you place components, connect them with wires, and pick values from dropdowns instead of typing raw text. The canvas reflects the actual structure of a sing-box configuration: inbounds (where network traffic enters), outbounds (where it exits), routing rules, DNS servers, and other components all appear as nodes you can link together. Because references between components are drawn as visual connections rather than typed strings, common mistakes like misspelled field names or broken references cannot occur. When you click the check button, validation runs against the real sing-box binary, not a simulation. The tool sends your configuration to a backend service that runs the official sing-box check command. You can choose which sing-box release channel to validate against: Testing, Stable, or Legacy. Each channel tracks the current upstream release rather than a fixed snapshot, so the result matches what you would get running the binary yourself. The editor can import an existing configuration file and lay out its full structure on the canvas, which helps when you receive a complex config you did not write yourself. Exporting converts the canvas back to JSON. Configs are never stored on the server. The tool is available at sbcv.app and can also be self-hosted by cloning the repository and running it locally with pnpm. The tech stack is TypeScript, React, React Flow for the canvas, and Cloudflare Workers for the validation backend.