iOS and Android apps include elements that are native to their operating systems.
However, many elements used in web apps are also supported in native mobile apps. Below is a list of web app elements that are also available when building mobile apps.
Containers
Containers are elements that contain other elements.
Element | Description |
The most basic and versatile container type. Used to organize elements, control layout, and hold data. | |
A container that stays fixed to a side of the screen as the user scrolls, ideal for persistent headers, floating action buttons, or status banners. | |
A container for displaying a small, fixed list of items. | |
A container that displays a scrollable list of items side by side, useful for carousels, category rows, and media galleries. | |
A container that slides up from the bottom of the view, sitting above the current content while keeping the underlying view partially visible. |
Visual
Visual elements are elements that display something, such as text, images, icons, and maps.
Element | Description |
Displays static or dynamic text on the view. | |
A tappable element that triggers a workflow when pressed. | |
Displays a small graphic symbol, often used for actions, navigation, or visual cues. | |
Displays a static or dynamic image on the view. | |
Displays a rectangle or other geometric shape, often used for backgrounds, dividers, or decorative elements. | |
Displays an interactive map with optional markers. | |
Embeds a page from your web app in your mobile app. |
Input forms
Input forms are elements that collect data from the user, such as text, numbers, dates and times, and option selections.
Element | Description |
A single-line field for entering short text, numbers, emails, or other short values. | |
A multi-line field for entering longer text, such as descriptions, comments, or messages. | |
A tappable element that lets users toggle a yes/no value. | |
A list where users can select one or more items from a predefined set of options. | |
A native picker for selecting dates, times, or both. |
Reusable elements
Reusable elements are containers that can hold other elements and workflows. You can reuse them across your app.
Article: Reusable element