Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.

QR Code Generator in a Bubble
In this Bubble tutorial video we demonstrate how to generate a QR code within your Bubble app. We use the 'Barcode & QR Code Generator' plugin from the Bubble plugin directory to add a QR code to data in our database using that data's Bubble unique ID.
.jpg)
Reacting to Bubble AI Page Generator for the First Time!
Discover the latest AI tool integrated into the Bubble Editor that allows for quick and efficient page generation with just a prompt.

Repeating Group Bubble.io design tips
In this Bubble tutorial we demonstrate our top tips for designing great looking repeating groups in your Bubble app.

Repeating Group background color alternating rows
In this Bubble tutorial series we give our top tips for working with repeating groups in Bubble.io. In this video we demonstrate how to add alternating rows in a repeating group.

Repeating Groups Advanced Filter - AND Filters, Option Sets, Custom States
In this Bubble tutorial we demonstrate how to filter a list of products on an ecommerce website using custom states and option sets. Creating AND filters with Option Sets is not easy in Bubble but we demonstrate a nocode approach that works.

Responsive Engine: adding overlay icon in text Input
In this Bubble.io tutorial video we explore one way to add icons to your text Input fields in your Bubble.io app.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Bubble Table Element: Quick Guide
In this Bubble tutorial we demonstrate Bubble.io's latest element. Bubble has finally added a table element to their web app designer. Here is our quick guide exploring the Bubble table element.

How to transcribe an audio file - Whisper API by OpenAI
In this Bubble tutorial we explain how to set up the Whisper API Speech to Text tool by OpenAI with your Bubble app. This will get you started creating an app that takes an audio recording of speech and transforms it into text.

Add a logo to Postmark templates
Learn how to effortlessly integrate images into your emails using Bubble.io, making your email templates more engaging and professional with Postmark.

Should you use OpenAI Assistant API with Bubble?
Let's discuss whether to use the OpenAI Assistant API with Bubble.io applications. Exploring the key differences between the assistance API and chat completion, and the challenges and benefits of incorporating AI into your Bubble app.

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.

How to add hover effect to a button in Bubble
In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.