Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.

Custom Dropdown with Search
Let's add a custom search to our custom dropdown in Bubble.io

Debugging the Responsive engine & Privacy Rules in Bubble
In this video I help one of our members restructure a page using the Bubble new responsive engine and debug why a piece of text isn't showing up. Spoilers: the Bubble privacy rules need updating.

Demo of Return Data from Custom Events
Learn how to effectively create functions using Bubble.io's new feature called Return Data on custom events in this tutorial video. With reusable elements, you can easily deploy complex calculations and formulas across multiple pages in your app, simplifying your app development process.

Designing Beautiful Charts in Bubble.io
In this mini-tutorial, we'll teach you how to create and customize tooltips to guide your users and enhance their app experience.

Dynamic icons with Option Sets
In this Bubble.io tutorial we demonstrate how to use add Font Awesome icons to an Option Set and how to express a colour hex code within an Option Set.

Embedding our dynamic AddEvent Calendar in Bubble - AddEvent 2
Learn how to embed a dynamic calendar into your Bubble.io app using the no-code platform AddEvent, allowing users to view their own personalized calendar. Customize and update the calendar code to ensure it displays the correct user's calendar.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Let’s Build a No Code Invoice Web App - Part 4 (Email Invoices)
Learn how to enhance your no-code invoicing app by integrating Postmark for transactional emails in this comprehensive Bubble.io tutorial. Dive into setting up email templates, variables, and API connectors to create a seamless experience for sending invoices to your clients. Master the art of no-code development with this step-by-step guide.

Add a logo to Postmark templates
Learn how to effortlessly integrate images into your emails using Bubble.io, making your email templates more engaging and professional with Postmark.

Explain like I am 5 AI text generator built with Bubble.io using OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.

Alternative to OpenAI ChatGPT - Claude 2
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.

Bubble's Responsive Design vs its New Responsive Design Engine
In this Bubble.io tutorial video we discuss the differences between the old UI Builder and the new Bubble Responsive Engine that launched in June 2022.

How to Make an AI No Code RAG App with Bubble.io
Bubble.io no code RAG app tutorial combines Carbon AI and Claude for powerful retrieval augmented generation. Learn how to save knowledge base data with Carbon AI's API and query it alongside Claude for dynamic, conversational responses - no coding required!