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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a76ecad6db8bea6cf87_Color-Picker.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5579bc3aa087618542_Format-chat-messages.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a895d63228e66089546_How-to-set-hex-color-code-in-bubble.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a383ffd3947b1bbcd17_How-to-add-keyboard-navigation-to-a-table-in-Bubble.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a16708bfa14a4bd75ea_thumbnail_15789660.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7215e172a3474006d7_Conditional-Statements.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1fda154481f26b295d_s6Qtx95ySp4-HD.jpeg)
How to pick a transactional email provider for your Bubble app
In this Bubble.io video we explain the importance of picking a reliable transactional email provider. Nearly all the emails you send from your Bubble app will be transactional emails and there are a series of things to consider that will improve deliverability and decrease the likelihood of your emails going into Spam or Junk. This video gives an overview of my thoughts about SendGrid, Mailgun and Postmark.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/669f98131b23daccb8880466_Youtube%20thumbnail%20HD%20(6).jpg)
Exploring the Hidden Potential of GPT-4o mini
We delve into the revolutionary changes brought by GPT 4o mini in the landscape of AI pricing, comparing GPT-4o Mini and GPT-4o.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a15c97cc3f25ddf9bf1_thumbnail_289257a9.png)
How to Web Scrape Data From Another Website Into Bubble.io
In this Bubble.io tutorial video we show how to set up an API Connector integration with Page2API so that you can scrape content you've targeting from a website and save to your Bubble.io database.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3c8f81b44f9f3574c5_Creating-a-sidebar-with-mobile-menu-in-Bubble.io_.png)
Beginner tips for formatting date and time in Bubble.io
In this Bubble.io tutorial we share some tips and tricks for working with time and date data in Bubble. This video includes how to customize the format of dates and a quick explanation about using timezones in Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4a31640e1239a27b11_Bubble-with-Speech-to-Text-using-AssemblyAI-Part-3.png)
Bubble with Speech to Text using AssemblyAI - Part 3
In the final part of this Bubble tutorial series using the AssemblyAI Speech to Text API we create a simple front end form for users to upload an audio file and receive a transcript.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666998a9d92f1050227e3c72_2-1.png)
Bubble.io Date filter: Today
Learn how to efficiently filter a list of items in a Bubble.io database to showcase events happening today with this helpful guide for no-code enthusiasts.