This is Base44
Base44’s interface is split into two main sections:- Left side: The AI chat
This is where you talk to Base44. You can give it new ideas, ask for changes, get suggestions, and more. - Right side: The app preview and dashboard
This is the working version of your app. It’s live, interactive, and customizable.
Click any element to test it or make tweaks using the visual editor tool.
The AI chat
The primary action of the AI chat is to use natural language prompts to build and refine your app. However, there are elements at the bottom of the screen to explore a bit further.Note: For every prompt you enter, you can go back into the chat and click “Revert This” anytime to undo your prompt. You’ll be asked to confirm your request, and then the app will then revert to the state it was in just prior to that point.
Preview/Dashboard
To the right of the AI Chat is the Preview window, where you can interact with your app in real time and get a feel for how it will look and behave once it’s live. When you toggle to Dashboard, a menu will open and you’ll be able to:- Manage user access and invite collaborators
- Access your analytics
- Set your app to public or private
- Add a custom domain
- Adjust security settings
- And even get into the code if you want to
Additional tools & icons
You’ll also notice a few icons above the preview window that open up more functionality.-
Activity monitor
View recent activity and see how many requests your app has made. -
See all files
Peek under the hood to view your app’s files and components. You can also export your project as a zip file or push it to GitHub. -
Share/collaborate
Invite others to collaborate on your app. Share access via email or link. -
Mobile view
Preview how your app looks on mobile devices. Use it to check that your design is responsive and user-friendly. -
Refresh
Manually refresh your preview to see the latest changes after edits. - Full screen preview Instantly expand your app beyond the preview window for a true full-page view.
Building your first app: step-by-step
1
Start with a clear prompt
Use simple language to describe what you want your app to do. For example:
“Create a task manager app where users can add, categorize, and complete tasks with progress tracking.” You can also select a starter prompt from the prompt library or check out our guide on how to work with AI for help creating your own.
“Create a task manager app where users can add, categorize, and complete tasks with progress tracking.” You can also select a starter prompt from the prompt library or check out our guide on how to work with AI for help creating your own.
2
Let Base44 do its thing
Base44 will generate your app’s interface and backend automatically. The Preview immediately updates as you go.
3
Customize as needed
Continue refining via the AI Chat or use the Visual Editor function to manually adjust colors, fonts, text, and more with intuitive controls. You can also use Discuss Mode, which is located on the bottom right hand corner of the AI Chat, to have a conversation with the AI to review logic, build complex logic from scratch and ensure the AI understands your goals, and validate behaviors or explore alternatives before applying changes.
4
Test your app
Interact with the Preview as an end user would. Make sure everything works as expected.
5
Launch with confidence
When you’re ready to show your friends or colleagues, you can click the Share icon at the top right of the screen. This will generate a link that can allow users to access your app. You can also hit Publish to create a link accessible to the public. Base44 handles the hosting so there’s nothing else you need to do to deploy.
Understanding credits
Base44 operates on a credit system tied to app complexity and usage.Message credits
Message credits
Message credits are used when you (the app builder) send prompts or instructions to Base44’s AI, asking it to create something, edit something, or figure something out.Your monthly message credits determine how many of these requests you can make.
Examples:
- Asking the AI to create a new feature
- Updating an app component
- Debugging a flow
- Getting help writing logic or copy
Integration Credits
Integration Credits
Integration credits are used when you or someone using your app does something that requires Base44 to connect to external tools or services like generating an image, querying a database, or sending an email.
Examples:
- Calling an LLM (eg. ChatGPT)
- Uploading, downloading, or analyzing a file
- Generating or understanding an image
- Sending emails or SMS texts