For the complete documentation index, see llms.txt. This page is also available as Markdown.

Mobile visual elements

This article describes visual elements available in mobile apps

Click here for web visual elements.

This core reference entry is suited for beginner-level builders.

Learn more about experience levels.

To learn about this topic more in-depth, we recommend reading the suggested articles below:

Visual elements


Other element categories In this article series, we cover how to work with different element types:


The design tab In this article we cover the different tools available in the design tab.


Design

Article series focusing on design in general, explaining terminology and offering resources to help you set up a user-friendly, good looking design.

  • Article series: Design

    • Article: Responsive design

      Building pages that work on all devices, such as a laptop and a phone.


Previewing your app

In this section about how to preview your app in the development environment.

Bubble Academy: How to Use the Text Element Bubble Academy: Element videos (list of videos related to elements)

Connecting elements to workflows

Bubble Academy: How to Use an Element Is Clicked Event

Visual elements are elements that display content without accepting user input; things like text, images, icons, and shapes.

Element
Description
Link

Text

Displays text.

Button

Displays a button that can be connected to a workflow when clicked.

Icon

Displays a vector-based icon from a predefined icon set.

Image

Displays an image.

Shape

Renders a basic geometric shape.

Map

Displays a Google Map that users can interact with.

Web view

Displays an inline web page from your app.

Last updated

Was this helpful?