Building an App

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

Tap a template and your app is created instantly - auto-named from the template - and you land straight in the builder. There's no separate setup step.

Inside the builder, a quick prompt asks you to name your app. The default name is already selected, so a single keystroke replaces it. Your app then opens full-screen in Review mode so you can see it running before you start editing.

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

Take the Tour - replay the guided walkthrough of the editor at any time

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

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.