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.

Introduction to DesignThis 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.
Importing from FigmaThis article explains how to import Figma designs into a Bubble app.
Elements

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

Introduction to ElementsThis 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: ContainersThis article covers the container elements, used to group and control the behavior of other elements
Web app: Containers - GroupsThis section covers Groups, that can be used to contain elements and data and control the responsive behavior of child elements.
Web app: Containers - Repeating groupsThis section covers the container type repeating group, used to display lists of things such as records from the database
Web app: Containers - 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: Containers - PopupsThis article covers the container type Popup, which is a group that hovers above all other elements on the screen
Web app: Containers - Group focusThis article covers the group type Group Focus.
Web app: Containers - 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: Visual elementsThis section describes the visual elements that are available in the Bubble editor
Web app: Input formsThis article covers Input forms.
Web app: Input forms - Text and numbersThis article covers elements that accept text and numbers as user input
Web app: Input forms - Dates and timeThis section covers elements that accepts dates and time as user input
Web app: Input forms - File uploadsThis article covers elements that lets your users upload files and images
Web app: Input forms - Selection controlsThis article covers selection control elements, that lets you set up input elements with predefined options
iOS and Android appiOS and Android apps include elements that are native to their operating systems.
iOS and Android App: The view
iOS and Android: Containers
iOS and Android: Visual elements
iOS and Android app: Input forms
iOS and Android: 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.
Reusable ElementsThis article covers reusable elements: elements that can be using in multiple places in your app