Get started with Joonsbuild
Everything you need to go from idea to production-ready code.
Your first build — step by step
Create your account
AccountSign up at joonsbuild.xyz — the free plan includes 1 build per month, no credit card required.
Create a new project
DashboardClick "New project" on your dashboard and give it a name. Each project is one app.
Describe your app idea
Build chatTell Joonsbuild what your app does in plain English. Be specific — the more detail you give, the better the result. Include: what the app does, who it's for, and key screens you want.
Let the AI work through the phases
Build chatJoonsbuild works through 13 phases: onboarding → planning → architecture → design system → module building → final delivery. Each phase produces a specific output. Just respond to questions as they come.
Download your code or push to GitHub
PreviewWhen Phase 13 is complete, your preview page shows the built app. Click Download ZIP to get all the source files, or connect GitHub and push with one click.
Continue or make changes
Build chatWant to add a feature or fix something? Open the project and keep chatting — changes to an existing project are always free.
Tips for better builds
Be specific in Phase 0
The AI asks about your app idea in Phase 0. The more detail you give — target users, key screens, core actions — the better every subsequent phase will be. Spend time here.
Choose your framework early
Joonsbuild will ask which framework to build in. If you're unsure: Flutter is the best choice for cross-platform beginners. SwiftUI if iOS-only is fine. React Native if your team already knows JavaScript.
Scope your MVP
For your first build, choose Simple or Medium scope. You can always continue the project and add more features after the initial build. Building everything at once increases complexity.
Save your project often
Project context is automatically saved after every completed phase. If your context window fills up, you can continue with 1 credit — the AI will restore all your project memory.
Use the preview to validate
The interactive phone frame preview lets you click through your app before downloading. Use it to check screen flow and layout before pushing to GitHub.
Connect GitHub before you need it
You can connect your GitHub account from any preview page. The OAuth connection is stored — you only need to authorise once.
Choosing a framework
| Framework | Best for | Platforms |
|---|---|---|
| Flutter | Cross-platform beginners, rich UI | iOS + Android |
| React Native | Teams that know JavaScript | iOS + Android |
| SwiftUI | iOS-only, deep Apple ecosystem | iOS + macOS |
| Kotlin Compose | Android-only, modern Android dev | Android |