15:I[981,["658","static/chunks/658-a698693f56d0116a.js","183","static/chunks/183-6beeeb801c274aaa.js","474","static/chunks/app/%5Btype%5D/layout-631c4730b83c8223.js"],"Posts"] 16:T6b2,Hey HN! I'm Simone, and along with Nurie, I'm working on Breadboard[0], an app builder where the UI, logic, and data live on the same canvas. We've been exploring visual and vibe coding tools and noticed that while they are great at generating code, the text-based output can be difficult for non-technical people to understand and modify.

Our idea is to make the underlying complexity more readable by using three simple block types for Logic, Data, and UI. These blocks are then connected with cables, similar to wiring components on an electronics breadboard.

Instead of generating a wall of code, our AI assistant produces these visual blocks and connects them for you. Our goal is to make the output from LLMs more accessible and actionable for non-developers.

How it works:

    Start from the demo project[1] or a blank canvas[2].
    Add UI elements by dragging/pasting SVGs onto the canvas.
    Add Logic and Data blocks from the dock.
    Wire blocks together with cables to define behavior and data flow.
    Click "Play" to run the app preview.
    – or –
    Ask our AI rubber‑duck assistant to create and connect blocks for you (free, login required).

This is a very early preview, and we would love to get your feedback and hear your impressions.

[0] https://breadboards.io/ [1] https://app.breadboards.io/demo [2] https://app.breadboards.io/ (login required)

Thanks

Show HN: I made trythemon.me, a simple virtual fitting room