An IDE built on Code - OSS
See your app.
Then change it.
Vibez puts every page of your site on one canvas, running for real. Double-click anything to learn what it does, drag it where you want it, and the HTML file changes with it. Logic reads as a graph. Agents work side by side, and every speed-up they claim gets measured.
Site canvas
Your whole site, on one screen
Open a folder and every page appears side by side: styled, scrollable, scripts working. Lines run from each link, from where it sits on the page, to the page it opens.
- Double-click to understand. Where a link goes, what a button's code does, what a form sends, and the file and line behind it, in plain words.
- Drag to design. Elements go exactly where you drop them, snap to their neighbours, and save to that element only.
- Drop in new pieces. Buttons, cards and sections from the element library land where your cursor is.
- Delete without fear. Pages go to the Trash with their nav links. ⌘Z brings anything back.
- Full-length pages. See each page top to bottom, or open one alone and edit it in focus.
Logic
Code you can read at a glance
The .vi editor turns app logic into graphs. White wires carry the order things happen in. Coloured wires carry the data.
- Grouped by purpose. Page data, page actions, functions and variables, each in its place.
- Compile checks it. Mistakes come back as errors that tell you what to fix.
- Run and test. Start the local server, or test a single function with typed inputs and see the output in the console.
- Files stay the source of truth. Edit outside Vibez and the graph follows.
Agents
Many agents at once. One honest number.
Select part of your app and hand it to an agent. Each one edits its own copy of the repo inside a fence of files it owns, so agents never overwrite each other. Finished patches wait in line for one measurement lane, which replays a recorded flow and times it before and after.
A claim that doesn't survive measurement stays on the card, marked as such. Landing is one click, and so is undo.
What Vibez believes
Files are the truth
Every edit on a canvas is an edit to a real file you can read, diff and commit.
Measured, not claimed
Speed-ups are timed over repeated runs and tested for significance before they count.
Show what actually ran
Flows are built from traces of your running app, not from guesses about the code.
Plain words
Explanations say what something does, not what it's called.
Vibez is in active development.
It's built on Code - OSS, so your editor, extensions and keybindings come with you.