Ninoo

Ninoo Builder

Getting started

The Builder turns a description into a working web app. You chat on the left, the app runs on the right, and one button puts it online.
The Builder: a chat with Ninoo on the left with Restore to here under a prompt and files-changed buttons under the replies, the running app in a preview on the right, and Share, Publish, Help and your account at the top
The Builder. Chat on the left, your app on the right.

Sign in

Go to app.ninoo.ai and create an account, or sign in. New accounts start with $10 of credit, which is enough to build and try a few small apps. The same account works for Ninoo Code and the Nicrron API.

Describe your app

Type what you want in the box on the home page and press Enter. Say what the app is, who uses it, and the two or three things it must do. You don't need to mention code, frameworks or files.

A good first prompt

“A booking page for my yoga studio. Visitors see a weekly calendar of open classes and can book a spot with their name and email. Calm colours, works on phones.”

Not sure where to start? Pick one of the example apps and change it from there.

Watch it get built

Ninoo sets up a workspace for your project, writes the files and starts the app. The chat shows each step as it happens: the files it writes and the commands it runs. The preview on the right updates as soon as there is something to see. A first version usually takes a minute or two.

Above the preview you can switch between desktop, tablet (820px) and phone (390px) widths, reload the preview, or open it in a new tab. On a phone, one row of tabs at the top switches between Chat, Preview, Code, History and More.

Ask for changes

Tell Ninoo what to change, in plain words: “make the header blue”, “add a search box above the list”, “the Book button does nothing on phones”. Small, clear requests work best. You can attach a screenshot or a sketch to show what you mean.

Every change is saved as a version. If you don't like one, press Undo under the message box, or Restore to here under an earlier prompt to go back to how the app was then. See Prompting and editing and History and undo.

Publish

When you're happy, press Publish at the top. Your app goes live at an address like your-app-1a2b.ninoo.app, and anyone with the link can open it. After more changes, open the Publish menu and choose Publish latest changes. See Publishing.

What next

  • Invite someone. Share the project so others can watch or build with you. Working together
  • Add a backend. Ask for an API when your app needs to keep data on a server. Python backends
  • Know the costs. Prompts and workspace time come out of your balance. Pricing and limits
Your workspace pauses by itself after about 10 minutes without activity, so it doesn't keep costing money. Open the project again and it picks up where you left off.