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

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.

How to limit app features to logged in users
In this Bubble tutorial we explore a number of different ways to limit UI elements and Workflows based on whether a user is logged in or logged out.

Search and Scrape Google Maps data with Serper.dev
In this Bubble tutorial we demonstrate how to scrape Google Maps data into your Bubble app using the Serper.dev API.

Build Your Own No Code Feedback Widget in Bubble.io – Fast & Easy!
Learn how to build a professional custom feedback widget in your Bubble.io no-code web application! In this step-by-step tutorial, discover how to create an interactive feedback system that captures screenshots, sends data to Slack, and provides a seamless user experience. You'll master essential techniques like implementing floating elements, adding custom CSS, and integrating third-party plugins to create a powerful feedback mechanism.

Why Bubble.io's Magic Link Login is Not Working: A Reported Bug!
Discover why Magic Login Links, despite their apparent convenience, might actually slow down your development process. We explore documented issues affecting Microsoft Exchange servers, API-triggered login attempts, and custom domain complications. If you're building an MVP or considering a simplified authentication system for your Bubble.io app, this video provides crucial insights to help you make an informed decision between Magic Links and traditional password-based authentication.

OpenAI GPT-4o Beginners Guide for No Coders
Learn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.