What App Builder is

The short version

App Builder is a code workspace that lives inside your project. You describe an app in plain language, and it writes a real multi-file React and Next.js project: components, styles, config, the actual source. Think of the difference between an architect's drawing and a house you can walk through and switch the lights on in. Most AI page tools hand you the drawing. App Builder hands you the house, a working app you can preview, read, change, and ship.

The three-column layout

The screen splits into three panes. On the left is the builder's chat, where you talk to it. In the middle is the file tree, every file the build produced. On the right is the canvas, with tabs across the top: Preview, Code, Versions, Deploy, and Secrets. Most of your time is spent moving between the chat and those tabs.

How it fits the rest of Pinnora

Every app you build is saved as a landing-page creative in your project, so it shows up in your Library and lineage like any image, video, or document you generate. The workspace Atlas chat is switched off on this route on purpose, so the builder's own chat is the only assistant you are talking to here. No crossed wires.

Who can use it

App Builder is live on every project. There is no waitlist and no coming-soon gate. Any signed-in member who can open the project can open the builder. It is still a newer surface, so the rest of this chapter is straight with you about which parts are proven in daily use and which are available but not yet battle-tested.