Web app
Web apps include a wide range of elements designed for browser-based interfaces. These range from basic visual elements like text and images to interactive components like buttons, inputs, and containers, giving you everything you need to build responsive web pages.
Many web elements are shared conventions found across most modern web apps, while others are specific to Bubble. Below is a list of the elements available when building for the web.
Containers
The most basic and versatile container type. Used to organize elements, control layout, and hold data.
Displays a list of items by repeating a set of elements for each entry in the data source.
An overlay centered on the screen that appears above other elements, typically used for focused interactions like forms, messages, or confirmation dialogs.
A container that stays fixed to a side of the screen as the user scrolls, ideal for headers, sidebars, or floating action buttons.
An overlay anchored to a specific element that hides automatically when the user clicks outside of it. Useful for menus, tooltips, and inline pickers.
Displays a list of items in a structured, column-based layout with support for headers, sticky rows, and grid-like designs.
Visual elements
Displays static or dynamic text on the page.
A clickable element that can trigger a workflow when pressed.
Displays a small graphic symbol, often used for actions, navigation, or visual cues.
A clickable element that navigates to another page or external URL.
Displays a static or dynamic image on the page.
Displays a rectangle.
A temporary message that appears on the page to give the user feedback, such as a confirmation or error notice.
Embeds a video player, supporting YouTube and Vimeo.
Renders custom HTML directly on the page, useful for embedding third-party components or content.
Displays an interactive map with optional markers.
A small badge that links to Bubble's homepage, showing that your app was built with Bubble.
Input forms
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 clickable element that lets users toggle a yes/no value.
A collapsible list of options that lets users select a single value.
A text field that lets users search for items in a list as they type. Also supports Google Maps addresses.
A group of options where users can select one value from a set of choices.
A slider control for selecting a numeric value within a defined range.
A picker for selecting dates, times, or both.
Lets users upload an image file, with an image preview built in.
Lets users upload files of any type.
A collapsible list of options that lets users select multiple values at once.
Reusable element
Reusable elements are containers that can contain other elements and workflows. This container can be reused across your app.
Article: Reusable element
Last updated
Was this helpful?