Key features

Saving your app

Bubble saves your app automatically, in real time. As soon as you modify an element, action, setting, etc., the change will be saved. You will see a 'saving' notification in the top bar for a brief instant, which will change to 'saved' as soon as the saving process is finished.

Saving errors

Occasionally, you may experience an error when Bubble is trying to save the latest changes. This is usually caused by a weak connection and will be resolved as soon as your device is back online.

The Saving... notification in the Bubble toolbar will turn red if it cannot communicate successfully with the server. If this occurs, we advise pausing your work to reduce the risk of data loss.

Undo and redo

You can undo or redo any changes made to your app. Use the respective icons in the top bar to revert or reapply modifications. If you are making significant changes or experimenting with your app and might want to revert to a particular version, we recommend using the version control feature.

Shortcuts to the core reference

You can access the core reference docs from the editor through the 'See reference' tool-tip. When you hover over an icon or a field for a few seconds, the tool-tip will appear. Clicking on the tool-tip will open a new tab and take you to the right place within the docs. If you already have the docs open, then you'll instantly redirect to the right place.

Hovering an object in the Bubble editor for a second will display the See reference tooltip, which takes you to the relevant entry in the core reference.

You can read more about the difference between the user manual and the core reference in our Introduction section.

App Interface Manager

The app interface manager is where you navigate your Bubble app's web and mobile content, like pages, views and reusable elements.

App switcher

The app switcher lets you toggle between the web and native mobile versions of your app. It provides a simple way to navigate and manage each version's structure within the editor.

To navigate between web and native mobile, select the relevant version in the upper right corner:

By selecting Web app or Mobile app in the app switcher, you can easily switch between the two versions of your app.

Navigating pages, views and reusable elements

After selecting the web app or mobile app, your app interface manager will display the relevant information:

In this example, we've selected Mobile and you'll see all content related to your native mobile app.

• Web:

  • Pages: the different pages in your web app.

    • Reusable web element: collections of elements that can be reused across your web app. Marked with a purple color.

• Mobile:

  • Views: lists all the views you have created in your app.

    • Reusable mobile elements: collections of elements that can be reused across your native mobile app. Marked with a purple color.

• Folders: allow you to organize your pages, views and reusable elements into folders for quick access. See more below.

Working with folders

Pages, mobile views, and reusable elements can be organized into folders for easier navigation. Folders are only visible to you and do not impact your app's functionality or appearance for users. Folders do not change or impact the URL of any pages contained within them.

Creating a new folder

To create a new folder, click the Add new button in the upper right corner of the app interface manager. Select folder, and give the folder a name.

Adding a page, view or reusable element to a folder

To add a page, mobile view or reusable element to a folder:

• Hover the relevant page, view or reusable element.

• Click the contextual menu ...

• Click Manage folder and select a folder.

Removing a page, view or reusable element from a folder

To remove a page, mobile view or reusable element from a folder:

• Hover the relevant page, view or reusable element.

• Click the contextual menu ...

• Click Manage folder and select Remove folder.

The Bubble menu

The Bubble menu gives you access to the main menus:

• Edit

• Arrange

• View

• Grids & Guides

For more details on this menu, see the links below:

Reference: Toolbar | Bubble menu