Learn how to build, customize, and debug apps on our platform using natural language and AI-powered tools.
Building apps on our platform is designed to be intuitive and accessible to everyone, regardless of technical background. You can create fully functional apps using natural language descriptions. No coding required.
Simply describe what you want to build in plain English. Our AI system understands your intent and generates complete, working applications from your descriptions.
For those who prefer hands-on control, you can view and edit the generated code directly. Make precise changes, optimize performance, or add custom functionality.
The editor offers two distinct modes for different purposes. Choose the right mode based on whether you want to modify your app or just ask questions.
The default mode for making changes to your app. Each prompt generates a new version of your app with your requested changes applied.
Best for:
Ask questions and get guidance without making changes to your app. Toggle to this mode by clicking the "Ask" button in the editor.
Best for:
Upload images, logos, and data files that become part of your app. Assets let you bring real branding and real data into your app without pasting URLs or describing files in chat.
Upload logos, icons, hero images, product photos, and other visuals. Supported formats include PNG, JPEG, GIF, WebP, SVG, and AVIF. Uploaded images are automatically moderated for safety.
Upload JSON or CSV files to populate your app with real data. Add a description of the data structure so the AI can load and use it correctly when building your app.
Get better results from the AI by following these proven prompting strategies. Clear, specific prompts lead to better apps.
Describe what information your app needs to track or display. Mention fields, categories, or attributes clearly.
Example: "Track my workouts with exercise name, sets, reps, weight, and date"
Explain how you want to interact with the app. What actions should users take? What screens or views do you need?
Example: "I want to add items to a list, mark them as complete, and filter by status"
If you want AI capabilities like chat, text generation, or image analysis, say so directly.
Example: "Use AI to suggest recipes based on ingredients I have" or "Let me chat with an AI about my notes"
Begin with core functionality and add features in follow-up messages. This leads to better results than requesting everything at once.
Example: First: "Create a habit tracker" → Then: "Add a weekly view with progress charts"
When making changes, describe what you want to modify by referencing visible elements. The AI can see your current app.
Example: "Move the add button to the bottom of the screen" or "Change the card layout to a list view"
Theme controls update semantic tokens. If parts of your app still use hardcoded Tailwind colors, ask the AI to replace them with theme variables so your palette updates consistently.
Example: "Update my app to use theme colors instead of hardcoded color classes."
The preview pane in the editor lets you test your app during development. It shows your app exactly as it will appear after publishing, allowing you to catch issues early and iterate quickly.
Test environment for the current version you're working on. Data entered here is temporary and won't be saved permanently.
The published version accessible to you and your users. Data is permanently stored in your private database.
Technical users can view and edit the generated code directly for precise control over their app's implementation. This is optional. Most users never need to touch the code.
Click the "View code" button to open the code editor. The editor shows your app's complete code.
You can:
Direct code editing is useful for:
Errors are a normal part of app development. Our platform makes it easy to identify and fix issues with AI-powered debugging assistance.
You can also describe what's wrong in your own words instead of copying the error message. This works well for:
Errors that occur when the app runs, often from unexpected data or edge cases
Issues with data types or structure mismatches
Problems with AI features or external data sources
Every change to your app creates a new version, and all versions are preserved in your version history. You can preview any past version and restore it if needed.
The timeline shows a list of all your app versions in chronological order, with the latest version at the top.
To preview a version:
If you want to continue working from an older version, you can restore it. This doesn't delete any versions. It creates a new version based on the old one.
To restore a version:
Versions display badges to help you understand their status:
Currently published version that users see
Currently displayed in the preview pane
Most recently generated version
Every app can be customized with a theme to match your personal style. Change colors, typography, and visual style without writing any code.
Click the "Theme" tab in the editor to open the theme customization panel. You can adjust colors, border radius, fonts, and more.
You can customize:
Like code changes, theme modifications create new versions. You can save changes in-place or create a new version to compare different theme options.