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
Repeating Groups vs Tables: Which is Better for List Data in Bubble.io
Struggling to choose between Bubble.io's table element and repeating groups for your no-code web app? After 18+ months in beta, here's the definitive comparison every Bubble.io developer needs to know! In this comprehensive tutorial, we break down the pros and cons of both data display methods to help you make the right choice for your project.
Build your own No-Code Search Engine with Bubble.io
Learn how to create your own no-code search engine using Bubble.io and the Brave search API in this tutorial. Discover how to connect to the API, structure the data, and display search results on a separate page.
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.
OpenAI, Markdown & Bubble.io
Learn how to integrate OpenAI with your Bubble.io app to create a more visually appealing presentation of your data using Markdown.
Build a nocode AI social media post generator in 10 mins
In this Bubble.io tutorial, we demonstrate how easy it is to create a social media post generator for facebook, twitter, instagram, youtube, etc. powered by OpenAI's ChatGPT model using the nocode app development platform Bubble.
100% Height Full Screen in Bubble.io
In this Bubble tutorial we demonstrate how you can use a few lines of CSS to force pages in your Bubble app to be height responsive, 100% height, 100% viewport.