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 pirate translator with OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.

Bubble.io & Lemon Squeezy Customer Portal
In this Bubble tutorial video we demonstrate how to seamlessly log a user into the Lemon Squeezy Customer Portal. Using the Lemon Squeezy Customer portal will save you hours of development time!

Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.

The Best Designed ChatGPT Clone in Bubble.io: Build It With No Code!
Learn how to build a ChatGPT Clone in your Bubble.io app using the powerful tools in the Nocodable Component Library! This in-depth tutorial walks you through creating a dynamic, real-time AI chat interface that mimics the engaging experience of ChatGPT.

Build Your Own No-Code Custom GPT
Learn how to build your own custom GPT with no-code, Bubble.io, and the OpenAI API in just 20 minutes! Capitalize on the power of no-code development and the ease of Bubble.io to customize AI for your unique business needs. Get started in the world of AI without needing extensive coding knowledge, making the process more accessible and cost-efficient. This video will guide you on how to streamline business operations, transform customer experiences, and tap into new revenue streams in the AI market, all with the power of no-code AI development.
.png)
Bubble.io Magic Link Not Working: Here’s How to Fix It!
Discover an important security tip for implementing Magic Login Links in Bubble.io! In this eye-opening tutorial, I reveal a crucial security precaution that every Bubble.io developer needs to know when customizing Magic Login Link emails. Learn why placing Magic Login Link generation in frontend workflows can create security vulnerabilities, and how to properly implement them using backend workflows instead.