Skip to main content
All CollectionsUser Manual
Design
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
Elements: The element hierarchyThis section covers the logic of the hierarchy that is structured on your page as you add elements to it.
Elements: The pageThe page is the blank canvas on which you design your app's user interface.
ContainersThis article covers the container elements, used to group and control the behavior of other elements
Containers: GroupsThis section covers Groups, that can be used to contain elements and data and control the responsive behavior of child elements.
Containers: Repeating groupsThis section covers the container type repeating group, used to display lists of things such as records from the database
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
Containers: PopupsThis article covers the container type Popup, which is a group that hovers above all other elements on the screen
Containers: Group focusThis article covers the group type Group Focus. This group will remain visible for as long as it is in focus, typically used for dropdown menus
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
Visual elementsThis section describes the visual elements that are available in the Bubble editor
Input formsThis article covers Input forms. These are element that accept data input from a user such as text, numbers, dates, uploads and dynamic content.
Input forms: Text and numbersThis article covers elements that accept text and numbers as user input
Input forms: Dates and timeThis section covers elements that accepts dates and time as user input
Input forms: File uploadsThis article covers elements that lets your users upload files and images
Input forms: Selection controlsThis article covers selection control elements, that lets you set up input elements with predefined options
Reusable ElementsThis article covers reusable elements: elements that can be using in multiple places in your app