Conditional statement
Harness the power of conditional statements in Bubble.io to create dynamic, intelligent no-code SaaS applications that adapt to user inputs, empowering solopreneurs to build sophisticated logic into their projects without writing a single line of code.

Adding personalized greetings to your Bubble app
Here's how to add personalised greetings to your Bubble app such as Good Morning, Good Afternoon & Good Evening using conditional statements and Current Date/Time.

Bubble Table Element - Alternating Row Background Color
In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily add alternating row background colors to the Table Element in your Bubble app.

Bubble Table Element - Row Hover Effect
In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily add a hover effect to the Table Element in your Bubble app.

Bubble Table Element: Quick Guide
In this Bubble tutorial we demonstrate Bubble.io's latest element. Bubble has finally added a table element to their web app designer. Here is our quick guide exploring the Bubble table element.

Bubble UI Tips - Better Profile Pictures
In this Bubble tutorial we demonstrate 3 UI tips for improving your no-code Bubble app all centered around Profile Pictures. We use the Alphabet Profile Images plugin to add a placeholder thumbnail for conacts/users without an uploaded image, we show how you can quickly add the Picture Uploader to upload a new profile image to a Contact/User and we use Imgix to Auto crop around the face of the profile picture.

Bubble button element guide
In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Bubble Security Tip - Protect pages from logged out users
In this Bubble tutorial we demonstrate an essential Bubble security tip by answering the question how can I protect a page from logged out users?

How to add live web search data to the OpenAI API
Learn how to harness the power of Bubble.io and the no-code movement to combine multiple APIs, including OpenAI, web scraping, and web search, to create a Chat GPT clone that can fetch live data from the web and provide accurate and up-to-date information on things to do in Paris in February 2024.

Using JSON-safe with Bubble.io and the OpenAI API
This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.

ChatGPT and OpenAI Real Time Streaming Plugin Demo
In this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.
.png)
Step by Step Guide to Building No Code SaaS Apps Using Claude 4 with Streaming
Discover how to implement Claude 4's streaming capabilities in your Bubble.io no-code applications! In this hands-on tutorial, we demonstrate live debugging and implementation of Anthropic's Claude 4 AI streaming responses, showing you exactly how to integrate this powerful feature into your Bubble.io projects. Learn how to set up the API connector, configure streaming parameters, and display real-time AI responses in your web app's interface.

How to add a progress bar to your Bubble.io app
In this Bubble.io tutorial we demonstrate how to create a progress bar in Bubble using the Progress Bar plugin by Bubble.io. This Bubble tutorial includes a couple of extra tricks and tips including how to remove the text value from the progress bar and how to work with the progress bar when you are not working with percentage values.