Learn BUBBLE-IO with Real Code Examples

Sign up for a Bubble.io account

Choose a blank template or starter app

Access the visual editor

Create database tables and fields

Set up workflows and preview the app

Modern web browser

Bubble.io account

Responsive testing device

Optional external API credentials

Optional plugin configuration tools

No local config files; managed in Bubble editor

Workflows stored in app editor

Database schema managed visually

Plugins store configuration

Custom JavaScript via HTML elements if needed

None - managed via Bubble editor

Version control via development/live copies

API testing via Postman or built-in tools

Deployment handled by Bubble

No command-line builds required

Manual multi-language setup

Dynamic text with database content

Conditional visibility for different languages

No built-in i18n engine

Localized workflows via conditions

Keyboard navigation support

Alt text for images recommended

Screen reader compliance achievable

Focus management via workflows

Manual testing recommended

Drag-and-drop visual styling

Responsive layout controls

Custom CSS via plugin or HTML block

Reusable elements for consistent UI

Dynamic data-bound styling

Custom states for temporary data

Database for persistent storage

Conditional elements based on state

Workflows update state dynamically

Page navigation maintains state via Bubble engine

CRUD via Bubble database

API Connector for external data

Plugin-managed data interactions

Collections of things stored in database

Conditional data rendering in UI