Building an App

From the dashboard, tap Create Your Project. You'll be taken to the template picker where you can browse and pick a template that fits your app.

Tap a template to Review what screens it includes and what components are built in. Once you've chosen one, give your app a name and tap Create Your Project - your app is instantly generated and you land straight in the builder.

If you already have an app, tap Open Editor from the dashboard to continue working on it.

Once inside the builder, you're working on a live canvas. Tap and drag any component to reposition it anywhere on the screen.

When you're ready to save your work, tap the Save button in the top right corner. This saves your current progress and takes you back to the dashboard.

To return to the dashboard without saving, tap the Back button in the top right - this is only visible when there are no unsaved changes.

When you're not in Review mode, tap any component on the canvas to open the Edit Component sheet.

Inside the sheet you'll find everything you need to customise the component -text, colors, images, and actions. You can also delete it from here.

Each component has its own set of properties. When you're done making changes, tap Save Changes to apply them.

Tap the + button in the bottom right corner to open the component library.

Components are grouped by category - tap a category to browse what's inside. Tap any component to instantly place it on the current screen. It will be dropped in the center and you can then drag it to your preferred position.

Tap App Settings inside the builder to open the app settings modal. From there, navigate to Manage Screens.

Here you can view all your screens, switch to a different screen, create a new one, rename an existing one, set a default screen, or delete one.

If you have unsaved changes when switching screens, you'll be asked whether you'd like to save first or continue without saving - either way you stay in the builder.

The App Settings modal is your control center for the entire app.

App Identity - app name, icon, and branding

Manage Screens - add, rename, reorder, and delete screens

Bottom Tab Bar - configure navigation tabs (up to 5 tabs with icons and screen targets)

Admin Tab Bar - same flow as the Bottom Tab Bar (up to 6 tabs), but only visible to admin and staff users

Auth Session - control login/sign-up landing behavior

Stripe Payments (Premium) - connect payment processing. Test mode (sandbox) is available on the free tier; real payments require a Premium plan

Currency - set the currency used across all commerce components

Continue Deploying on Web - deploy and manage your web presence directly from the website

Save Changes - saves any settings changes you've made before leaving the modal

Tap the Review button in the bottom left of the builder to switch into Review mode. In this mode your app behaves exactly as it would on a real phone - navigation, taps, and interactions all work as expected.

To exit Review mode, shake your device - a prompt will appear asking whether you'd like to stay in Review or exit back to editing.