Background
Discover how Bubble.io's Background feature empowers solopreneurs to create visually stunning no code SaaS applications, allowing you to customize the look and feel of your app's pages without any coding skills.

Bubble.io Color Picker, RGBA and Hex Color
In this Bubble tutorial video we demonstrate how you can use a color picker to allow your Bubble app users to set their own colors through your Bubble app.

ChatGPT Clone - how to format chat bubbles
In this Bubble tutorial, I'm going to demonstrate how we can add some design improvements to the ChatGPT clone that I was building in my previous video.

How to set color hex code opacity in Bubble.io
In this Bubble tutorial video we share a quick color opacity trick at that came up in a Bubble Coaching call. Learn how you can make your hex code colors semi-transparent in this video.

How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.

Import Figma Design Into Bubble
In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.

Tips for Using Conditional Statements in Bubble.io
In this Bubble tutorial we demonstrate how you can use conditional statements to change the background color of content based on a numerical value. We create a series of traffic light color changes (red, green, yellow) to show low, medium and high values in our data.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Build No Code Voice-Activated AI in Bubble.io - Integrate VAPI.ai and Save Chat Transcripts
Save transcripts from your AI voice assistant built with Bubble.io.

Testing Claude PDF Support in Bubble.io - Latest No Code AI Beta - Part 1
Dive into the powerful Claude model by Anthropic, showcasing the brand-new PDF support beta! If you're currently leveraging OpenAI within Bubble.io, this is a game-changer you can't miss. Discover the secrets behind seamlessly connecting Claude's PDF functionality to your Bubble API connector and explore tips and tricks that will save you loads of time.

CREATE AI Powered File Search App NO CODE REQUIRED WITH OpenAI
Discover how to leverage OpenAI's powerful file search capabilities in your Bubble.io no-code applications! In this comprehensive tutorial, we demonstrate how to implement OpenAI's new file search functionality using both the OpenAI playground and Bubble.io's platform. Learn how to create vector stores, upload and chunk files, and seamlessly integrate OpenAI's Responses API into your web applications. Perfect for no-code developers looking to add AI-powered document search to their projects!

How to increase OpenAI token limit - Error 400
In this Bubble tutorial video we demonstrate how you can increase the message length for OpenAI's gpt-3.5-turbo model allowing you to have large conversations in your Bubble ChatGPT clone. Fix for OpenAI error "content_length_exceeded".

How to display a user's name on a page
In this Bubble.io tutorial, we'll guide you through displaying a user's name on a page in your Bubble app.

One-page vs Multi-page which is better?
In this Bubble tutorial video, the question of whether to build a one-page app or a multi-page app is explored.