Learn BUBBLE with Real Code Examples

Sign up for a free Bubble account

Create a new web app project

Design pages using the visual editor

Define database tables and fields

Set up workflows for app logic and interactivity

Sign up for Bubble account

Create new app project

Configure pages, elements, workflows, and database

Set up plugins and API integrations

Preview and test app in browser

App metadata - name, domain, icon

Pages - visual UI screens

Workflows - event logic

Data - database tables and fields

Plugins - integrations and APIs

Web-based editor; no CLI required

Preview app in browser

Deploy to live Bubble domain or custom domain

Integrate plugins and APIs

Export data if needed

Multi-language support via text elements

Dynamic content for localization

RTL and locale formatting

Localized images and media

Integrate external i18n plugins if needed

Web accessibility support

Keyboard and navigation support

Readable fonts and contrast

ARIA labels for elements

Follow web accessibility best practices

Drag-and-drop components

Responsive web layouts

Custom colors, fonts, and themes

Conditional styling via workflows

Media and images integration

App state managed through database and workflows

User-specific data and privacy rules

Conditional workflows change app state

Dynamic content loaded from database

Multi-user role management for access control

Built-in database tables

Bind data fields to UI elements

Filter and sort data dynamically

Manage relationships between tables

Integrate external databases via plugins or APIs