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 Your Own Voice-Activated AI with No Code in Bubble.io
Learn how Vapi.ai's Voice AI is empowering creators, streamlining workflows, and opening up new possibilities for storytellers and marketers alike.
How to send data from Bubble.io to Zapier
In this Bubble tutorial we explain how to send data from your Bubble app to Zapier. Zapier can help you to integrate in with 1000s of other web services, but we always recommend checking if the service has a well documented public API as you may be able to connect directly from the Bubble API Connector - saving money off a Zapier account.
How To Add Claude 4 AI To Your Bubble.io App Fast!
Learn how to seamlessly integrate Claude 4 AI into your Bubble.io applications with this comprehensive step-by-step tutorial. Discover how to set up the API connector, configure authentication, and implement Claude 4's powerful AI capabilities in your no-code web apps.
FIX Bubble.io Editor CRASHES and PERFORMANCE ISSUES FAST!
Struggling with slow Bubble.io app editor performance? Learn why massive one-page apps with hundreds or thousands of workflows can crash your Bubble.io editor, and discover the secret URL parameter trick that instantly speeds up your development environment.
Implement an Upvote Feature like Product Hunt & Reddit
Providing an upvote feature for user-generated content is a significant factor for encouraging engagement and building an active user-base.
Popup search box (command bar) triggered by a keyboard shortcut
In this Bubble.io tutorial video we demonstrate how to create a popup command bar or search box that is triggered by a keyboard shortcut - sometimes known as a omnibox or omnisearch. This tutorial shows how to use a Popup visual element, the Search Box input element and the Air Keyboard Shortcut plugin.