Turn your ideas into web applications effortlessly with our no-code platform.
Creating & Managing AppsThis section covers how to create, manage and delete apps connected to your Bubble account
Building your first app
Embark on the journey of creating your first app, turning your ideas into a functional digital tool.
Introduction to building your first appDiscover how Bubble's intuitive tools and terminology simplify app development, empowering you to build and launch your ideas effortlessly.
Planning featuresLearn how to identify and plan essential features for your app's first version, ensuring a focused and user-centric development process.
Database structurePlan your app's database structure by focusing on data types, fields, and relationships.
Design and UXExplore design resources and tools to create visually appealing and user-friendly apps, focusing on UI and UX principles.
eCommerce & PaymentsExplore strategies for implementing payment systems in your Bubble app using Stripe, focusing on revenue models and payment integration.
eCommerce & Payments: Shopping cartExplore the planning and implementation of a shopping cart feature in your app, focusing on user convenience and data management.
eCommerce & Payments: Checkout pageIn this article, we'll look into what is often the final step before the user actually pays for one or more products – the checkout page.
eCommerce & Payments: One-time paymentsLearn how to implement one-time payments in your app using Stripe, ensuring secure and efficient single transactions.
eCommerce & Payments: Subscriptions
eCommerce & Payments: MarketplaceThis article looks into how to plan for building a marketplace app.
The Bubble editor
This section covers how to navigate the Bubble editor.
Introduction to the Bubble editorThe article introduces the Bubble editor, explaining its structure, key features, and tools for app design and deployment.
Tabs & SectionsThe article describes the Bubble editor's tab-based layout for app development, including design and workflow.
Tabs & Sections: Design tabThe article explains the Bubble editor's Design tab, focusing on UI Builder, element tree, and responsive design for app pages.
Tabs & Sections: Design tab - Element treeThis section covers the element tree found in the Design tab of the Bubble editor.
Tabs & Sections: Design tab - Property editorThe article outlines the Bubble editor's Property Editor for customizing elements' appearance, layout, and conditional settings.
Tabs & Sections: Workflow tabThis article explains the Bubble editor's Workflow tab, where you set up events and actions for app interactions.
Tabs & Sections: Data tabThe article describes the Bubble editor's Data tab for managing app data, including database, privacy rules, and file management.
Tabs & Sections: Styles tabThis article explains the Bubble editor's Styles Tab for managing visual themes and style variables for a consistent app design.
Tabs & Sections: Plugins tab
Tabs & Sections: Settings tabThis article outlines the Bubble editor's Settings tab for managing app configurations like plans, domains, and collaboration.
Tabs & Sections: Settings tab - Custom headers/bodyThis section covers how to manage custom headers/body strings in your app
Tabs & Sections: Settings tab - Visual settingsThis section covers the general visual settings for your Bubble app
Tabs & Sections: Settings tab - Social media sharing
Tabs & Sections: Settings tab - Translating your appThis section covers how to translate your app into multiple languages
Tabs & Sections: Settings tab - Email settingsThis section covers the settings for sending emails from your app through Bubble's built-in Sendgrid integration
Tabs & Sections: Settings tab - CollaborationThis section covers collaboration, which is how you invite other Bubble users to edit your application and its data
Tabs & Sections: Settings tab - Custom domain and DNS
Tabs & Sections: Settings tab - Logs tab
Tools: Key features
Tools: The search tool
Tools: The Issue Checker
Tools: The element treeThis article covers the element tree found in the Design tab of the Bubble editor.
Tools: The property editor
Tools: The debugger
Tools: NotesThis article covers how to add notes to different parts of your Bubble app to document your work
Previewing your appThe article explains how to preview and test your app in Bubble using Development and Live environments, safe modes, and the debugger.
Deploying your appThis article explains deploying your Bubble app from Development to Live, with testing and planning tips.
Transitioning to Bubble
This collection explains how Bubble leverages traditional web technologies to enable visual app development, making it accessible for non-coders while maintaining compatibility and security.
Transitioning to Bubble from... Introduction
JavaScriptThe article helps JavaScript developers transition to Bubble by explaining key differences and Bubble's visual approach.
HTML and CSSThe article compares HTML/CSS and Bubble, explaining how Bubble visual approach simplifies web design while maintaining similar principles.
SQLThis article compares SQL and Bubble, explaining how Bubble visual interface simplifies database management while retaining SQL's logic.