Skip to main content

Design

At the heart of Bubble's capabilities is the ability to effortlessly create designs with precision: from basic forms to professional websites and SaaS applications.

2 authors44 articles
How design works in BubbleThis article highlights the importance of design and how Bubble enable intuitive, responsive, and user-friendly interfaces without coding.
TemplatesThis article explains how to use pre-made templates to quickly start projects, offering customizable applications across various categories.
The Component LibraryThis article explains how to use the Component Library to build and customize responsive page using pre-built UI components and workflows.

Elements

This section covers elements – the building blocks that make up your application's user interface.

How elements work in BubbleThis section covers elements – the building blocks that make up your application's user interface
Web app: The pageThe page is the blank canvas on which you design your app's user interface.
Web app: Visual elementsThis section describes the visual elements that are available in the Bubble editor
Web app: Containers overviewThis article covers the container elements, used to group and control the behavior of other elements
Web app: GroupsThis section covers Groups, that can be used to contain elements and data and control the responsive behavior of child elements.
Web app: Repeating groupsThis section covers the container type repeating group, used to display lists of things such as records from the database
Web app: Table elementsThis article covers the table element, used to display lists such as records from the database in a table-like structure of rows and columns
Web app: PopupsThis article covers the container type Popup, which is a group that hovers above all other elements on the screen
Web app: Group focusThis article covers the group type Group Focus.
Web app: Floating groupsThis article covers Floating Group, which is used for attaching a group to one of the sides of the screen, regardless of scrolling position
Web app: Input forms overviewThis article covers Input forms.
Web app: Text and number inputsThis article covers elements that accept text and numbers as user input
Web app: Date and time inputsThis section covers elements that accepts dates and time as user input
Web app: File upload inputsThis article covers elements that lets your users upload files and images
Web app: Selection controlsThis article covers selection control elements, that lets you set up input elements with predefined options
iOS and Android elements overviewiOS and Android apps include elements that are native to their operating systems.
iOS and Android App views
iOS and Android containers
iOS and Android visual elements
iOS and Android input forms
Mobile reusable elements
The element hierarchyThis section covers the logic of the hierarchy that is structured on your page as you add elements to it.
The element hierarchy: The element treeThis section covers the element tree found in the Design tab of the Bubble editor.
How to use reusable elementsThis article covers reusable elements: elements that can be using in multiple places in your app