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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a33f864d7bb3d6404e4_1.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66716bca0319107c042e5f09_Youtube%20thumbnail%20HD%20(21).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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7a911d56c45c536404_Design-Tips.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7c097bf9a4b5501cf7_Repeating-Group-Alternate-row-backgrounds.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a62b1fb17a1917d46cb_Advanced-Filters-Product-Lists.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a243fc51aa36bd34314_kTPghopzvMY-HD.jpeg)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/673f294dfc76c57bf5f9565e_Is%20Bubble.io%20compatible%20with%20Google%20Gemini%20JSON%20Mode.png)
Is Bubble.io compatible with Google Gemini JSON Mode
Explore the limitations of using Google Gemini with Bubble io as we tackle essential questions surrounding compatibility issues.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4ea851f26194dd37f5_Tracking-counting-limiting-user-actions-when-using-Bubble-with-ChatGPT-or-OpenAI.png)
Tracking, counting & limiting user actions when using Bubble with ChatGPT or OpenAI
In this Bubble tutorial we demonstrate how to track how many times a user runs a workflow and then how to limit the number of times a user can run that workflow each month. This will be very useful to anyone building an app using a costly third party API such as OpenAI & ChatGPT.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a38f340aa3e6e3a65d4_How-to-add-a-progress-bar-to-your-Bubble.io-app.png)
How to add a progress bar to your Bubble.io app
In this Bubble.io tutorial we demonstrate how to create a progress bar in Bubble using the Progress Bar plugin by Bubble.io. This Bubble tutorial includes a couple of extra tricks and tips including how to remove the text value from the progress bar and how to work with the progress bar when you are not working with percentage values.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aac983f8681af33e4a7_Reacting-to-I-wouldnt-Use-Bubble-To-Build-a-No-Code-Saas.png)
Reacting to 'I wouldn't Use Bubble To Build a No Code Saas'
We delve into the debate about whether Bubble.io is the right platform for building a no-code web app, especially for SaaS ideas. Join us as we explore the pros and cons of using Bubble.io for your next project.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2479bc3aa087616f58_cKHhWvx2lL0-HD.jpeg)
Introduction to Auto-Binding Fields In Bubble.io
In this Bubble.io tutorial video we explore why auto-binding fields can save you time and discuss the UX advantages and disadvantages of doing so.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66699647173fceb470ad3664_Empathic-AI-AI-Demo-with-Hume.ai-2.png)
Empathic AI - AI Demo with Hume.ai
Experience the future of AI with empathetic technology like Hume.ai that can understand and respond to human emotions. Imagine the possibilities of integrating such advanced AI technology into your Bubble.io or no-code application for a more personalized user experience.