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
How to send data from Zapier to Bubble.io
In this Bubble tutorial we demonstrate how to connect Zapier to Bubble. In our example we scrape data from a podcast called Diary of a CEO and import this data into Bubble using a Zapier Zap.
Build a No Code AI Bedtime Story App with Text to Speech by ElevenLabs
Create personalized children's stories with AI-powered text and lifelike audio narration. Combine the power of Anthropic's Claude AI and ElevenLabs' text-to-speech in this no-code Bubble.io app.
AI Image Generation in Bubble with DALL-E 2 OpenAI API
In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.
How to send data from Bubble to Make.com
In this Bubble tutorial video, learn how to seamlessly integrate data from Make.com to your Bubble app, showing you how to set up a scenario workflow to send and receive data effectively. Dive into the world of no-code development with these powerful integration tools.
Build a Q&A bot in 10 mins with Tavily.ai using Bubble
In less than 10 minutes, learn how to easily build an app using no-code platform like Bubble.io to integrate Tavily AI API and provide users with a question and answer feature. Discover the power of no-code development for creating interactive applications.
How to limit features to a specific user role
In this Bubble tutorial we explain how you can limit access to features in your app based on Current User's Role.