Intro to Bubble - Learn how to build apps without code

Explore the visual editor, create a new page, and add text fields, buttons, icons, links, and images with style and alignment; learn to customize dynamic images, shapes, and maps.

Discover how containers group inputs and visuals, create groups by drag-and-drop or shift-click, and use floating groups and pop ups to organize interfaces.

Design input fields in bubble, from email and password to bio, with built-in validation, and use dropdowns, radios, search, sliders, date pickers, and picture uploaders.

Explore the Bubble workflow tab to create actions, manage records, and trigger alerts from the design canvas, then wire up events like button clicks to send emails.

Build your first bubble app Idea share by creating a sign up and login form, using custom states to show and hide elements, and implement user accounts.

Use a custom state to toggle between sign-up and login groups in Bubble, control visibility on load, and update texts to reflect the current authentication state.

Master conditional workflows in Bubble by finishing the signup form, validating email and password, adding password confirmation, and redirecting to the dashboard after login.

Learn to model a simple Bubble database by creating an idea object with fields like title, body and image, and count votes using a list of users who have voted.

Create a user interface and workflows to submit ideas, using a create idea button, a pop-up form with title and body, and saving new ideas as records.

Display ideas from the Bubble database in a repeating group, show dynamic data such as title and body, and manage current users who uploaded ideas with add and remove actions.

Learn to create a responsive Bubble app by adjusting fixed width, using responsive settings, and testing across devices to keep the page title, buttons, and repeating groups intact on mobile.

Build no-code apps with Bubble by creating LearnBubble.co, and explore practical steps to launch an online platform without writing code.