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 |
Group | The most basic and versatile container type. Used to organize elements, control layout, and hold data. |
Floating group | 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. |
Short list | A container for displaying a small, fixed list of items. |
Horizontal list | A container that displays a scrollable list of items side by side, useful for carousels, category rows, and media galleries. |
Sheet | 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 |
Text | Displays static or dynamic text on the view. |
Button | A tappable element that triggers a workflow when pressed. |
Icon | Displays a small graphic symbol, often used for actions, navigation, or visual cues. |
Image | Displays a static or dynamic image on the view. |
Shape | Displays a rectangle or other geometric shape, often used for backgrounds, dividers, or decorative elements. |
Map | Displays an interactive map with optional markers. |
Web view | 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/time and option selection.
Element | Description |
Input | A single-line field for entering short text, numbers, emails, or other short values. |
Multiline input | A multi-line field for entering longer text, such as descriptions, comments, or messages. |
Checkbox | A tappable element that lets users toggle a yes/no value. |
Selectable list | A list where users can select one or more items from a predefined set of options. |
Date/time picker | A native picker for selecting dates, times, or both. |
Reusable elements
Reusable elements are containers that can contain other elements and workflows. This container can be reused across your app.
Article:Reusable element