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

Embedding our dynamic AddEvent Calendar in Bubble - AddEvent 2
Learn how to embed a dynamic calendar into your Bubble.io app using the no-code platform AddEvent, allowing users to view their own personalized calendar. Customize and update the calendar code to ensure it displays the correct user's calendar.

How to Generate an Invoice Number Automatically in Bubble.io [2024]
Learn how to easily generate automatic invoice numbers in your Bubble.io app without any coding required. Perfect for solopreneurs and startups diving into the world of no-code development.

Build AI Apps That Evolve! Version Control in OpenAI Playground
Discover how to supercharge your Bubble.io no-code apps with OpenAI's game-changing reusable prompts feature! In this Bubble tutorial, learn how to set up dynamic prompt templates in the OpenAI playground and seamlessly integrate them with your Bubble.io application using the API connector.

How to extract data from text (without regex) in Bubble.io
In this Bubble.io tutorial we show how you can use the Split by modifier to target and extract specific parts of a larger volume of text. This techique is an alternative to extracting text using a regex expression.

How to add AI text generation to a Bubble app - OpenAI
In this Bubble tutorial we demonstrate how to generate AI text from a prompt and display the generated text in your Bubble app. This video will show you how to use the OpenAI API without the need for a plugin using the Bubble API connector.

How To Make A Search Function In Bubble.io
In this Bubble.io tutorial video we show to user the Search element to give your users the ability to search a specific field of a data type in your Bubble database.