A visual language built on JavaScript
Build it together.See how it works.
Vibez is an IDE where your app's logic is a graph you can read, your pages sit side by side on one canvas, and your whole team, people and AI agents alike, works on the same project without stepping on each other.
One project.
Everyone on it.
Your teammates and their AI agents work on the same app from their own laptops. Everyone sees who is working on what, and gets a heads-up before two people change the same thing.
Who's working
on what.
signup.uicart.viindex.htmlcart.viWarned, never blocked.
Before an edit is written, Vibez checks who else is nearby: the same file or element, the same page, or a task described in similar words.
Pass it on, pick it up.
Hand a task, its next steps and its files to a teammate. They click Take over and carry on where you left off.
Leave a note on a file.
A decision or a gotcha pinned to a file is shown to every agent that starts working near it.
See it where you work.
A bar names who holds a file, claimed elements are outlined on the page, and graph blocks show who is changing them.
Agents in their own lanes
Start several AI agents at once. Each one works in its own copy of the project and only touches the files it was given.
Join with a code
Create a team, share the join code, and teammates are in. Start or join right inside the IDE, no terminal needed.
Only your team
Everything the team shares is visible to its members and nobody else.
A new way to write code.
Built on JavaScript.
Vibez apps are written in .vi, a language of blocks and wires. Every graph compiles into a real JavaScript function, so what you build runs like any other JavaScript.
White wires: what happens next Coloured wires: the data
export async function unitPrice (total, count) {
const price = total / count;
console.log ("Unit Price: " + price);
return price;
}Follow along: each block lights up the line it becomes.
Pages and logic, linked by name.
Double-click any part of a page on the Site canvas and connect it to the .vi file behind it. A field fills an input, a button runs an action, a list repeats over data, and text can show what an action answered.
Join the club
The email field fills the email input of addMember.
Names are the contract: rename addMember and the page shows the link as broken.
Four kinds of thing
Page data a page shows, page actions it runs, functions you reuse, and variables they share.
Types you can read
Text, numbers, true or false, links, dates, objects and lists, each wire coloured by the kind of data it carries.
Pages meet logic by name
A button runs an action, a list repeats over data. The page only offers the links that fit.
Run and test one piece
Try a single function with your own inputs and watch its output in the console.
Classes and objects
Give a class fields and methods, let one class extend another, and it compiles to a real JavaScript class.
Lists without loops
Map, Filter, Reduce, Some and Every run one of your functions on each item of a list.
Show what happened
A page can show what an action answered, like "Ordered Sourdough!", right after the button is clicked.
Understand the code
your AI wrote.
Vibe coding is fast, and it can leave you with an app you don't understand. Vibez lays that code out in a tidy structure and explains each part in plain words, so you learn how your app works while you build it.
Double-click anything.
Learn what it does.
Where a link goes, what a button's code does, what a form sends and where, and the file and line that made it.
No jargon.
Explanations say what something does, not what it's called.
Everything in its place.
AI changes land in the same tidy groups you edit by hand.
Errors that teach
Compile checks catch a missing wire or a loop that goes nowhere, and say exactly what to fix.
Find the right block
Type a few letters and see blocks grouped by what they do, each with a one-line hint.
AI plays by the same rules
Agents edit your app through Vibez itself. Every change is checked like yours, shows up live, and is one undo away.
See what actually ran
Run your app once and Vibez draws the steps it took, so you can follow a click from the page to the code.
Your whole site
on one screen.
Every page appears side by side, running for real, with a line from each link to the page it opens. Drag things where you want them and the HTML file changes with it.
Every page, every link.
Wire it up without code.
Drop exactly where you point
Buttons, cards and sections land right under your cursor.
Link by picking a page
Choose a page from a list, or click it on the canvas.
Delete without fear
Pages go to the Trash with their navigation links. Undo brings anything back.
Full-length pages
See every page top to bottom, or open one alone.
Phone, tablet, desktop
Every page re-renders at the size you pick.
View it like a visitor
Open the site in your browser the way people will see it.
Start from a sentence
Describe your app or pick a template, and Vibez builds the pages already connected to logic that runs.
Honest previews
When a page is showing sample data because its logic isn't running, it tells you.
Open a page, see the page
Opening a .ui file takes you straight to it on the Site canvas.
Files are the truth
Every edit on a canvas is a real file you can read, share and keep.
Nothing hidden
Every block becomes JavaScript you can open and read.
Warn, don't block
Teammates get a heads-up, and nobody gets locked out.
Plain words
If you can't tell what something does, Vibez tells you.