Skip to main content

How to use CodeBanana

Codebanana is your personal app and website builder powered by AI. You do not need any coding or tech skills. Just describe what you want to make, CodeBanana will finish the left.

Agent

Specializes in generating new projects and building complex features, which is the flagship feature of CodeBanana.
Agent operates as an autonomous virtual developer capable of deeply understanding project context, planning architectural logic, and executing full-stack engineering tasks—transforming natural language requirements directly into production-ready app.

Examples of what you can build on CodeBanana

Follow the steps below to build your first app with CodeBanana. Refine it until it matches your desired design.

Ready to start?

Build your app now
「Estimated time: 7 minutes」 Homepage
1

New a project

Navigate to the Home screen above and click Get started:Click the + as shown in the following image, then choose Create Project:ImageChoose a Blank Project as shown in the following image:
Studio Page
Waiting for everyting is ready, your will create your first project.
2

Describe your idea with agent

Just telling the agent on your right side what you want to build in your own words, the agent will take you there.For example, you can type “a Texas Poker game,” or anything else you have in mind. Share as many details as you like. This first prompt helps get your app started, and you can always add more features or make changes later.
A prompt is a description of the task you want Agent to perform.
Image
You can use My Agent model to develop your idea, then copy them to Team Agent to build it.
You can include text and file attachments in your prompt. After you have completed the description of all the information, click the Send button or press Enter, and the agent will begin working.Image
3

See your app come true

CodeBanana automatically designs your app’s appearance, choosing colors, arranging buttons, and organizing menus to make everything look clean and function smoothly.QuickpreviewWatch your app appear in the preview window. You can explore your app right away and try out any features by clicking the preview. The preview window will be automatically opened when the task finished.You can view this page in a new tab; simply click the link shown in the image:QuickpreopenPreviewtab
4

Improve your app

Once you identify areas for improvement, you can continue communicating with the AI ​​until your wish is fulfilled:Quick RevisedYou can also use screenshots to help describe your ideas; simply tap the attachment button next to the send button, or using Ctrl / command + V.Quickattachphoto

Ready to start?

Build your app now