🧭 Builder Overview

The builder has three parts. The chat is in the middle, the preview phone is on the right, and the left rail runs down the side.

Each rail icon opens a panel over the chat. The preview stays visible while a panel is open, so a change you make shows up beside it.

This section documents the preview, every panel, and every control inside them.

The rail

Ten icons appear, in this order:

• Branding — colors, fonts and the toast style
• Screens — every screen, its components, and the element editor
• Database — collections, fields and endpoints
• Settings — name, icon, store identifiers, team access
• Localization — languages and translations
• Integrations — keys for outside services, and device permissions
• Custom Actions — your own API calls
• Publish — native builds, the web app, and over-the-air updates
• Deep Linking — open a screen straight from a link
• Adalo Tools — Studio and Experts

Four panels from the classic editor are deliberately not shown here: Publish (the classic one), Analytics, Versions and X-Ray. Their routes still exist if you open them directly.

How the panels behave

A panel opens as a drawer rather than a new page, so the builder and your chat are never unloaded. Opening a second panel replaces the first. Clicking the icon of the panel already open closes it.

Most panels remember what they loaded last time, so reopening one draws immediately and refreshes in the background. The loading skeleton appears only the first time you open a panel for an app.

Before Ada has created your app there is nothing for these panels to control, so each one shows its purpose and waits.

Start here

📱 Preview

The phone frame beside the chat, and every button on its rail.

Panels

🖌️ Branding

Colors, fonts and toast. Change one and it updates across the whole app.

🗂️ Screens

Every screen, its component hierarchy, and the element editor.

🗄️ Database

Collections, fields, and the endpoints that are the only way in.

⚙️ Settings

App name, icon, store identifiers, signing keys and team access.

🌍 Localization

Add languages and translate every string in the app.

🔌 Integrations

Keys for maps, payments, sign-in, analytics — and device permissions.

⚡ Custom Actions

Connect your app to any API, with secrets stored encrypted.

📦 Publish

Android and iOS builds, the web app, and instant over-the-air updates.

🔗 Deep Linking

Open a specific screen from a link, and choose the fallback.

🛠️ Adalo Tools

Adalo Studio for store submission, and the Experts directory.