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/66670ac2c747f49f4b50e55e_GPT-4o-Beginners-Guide-for-No-Coders-2.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a6a7d1ff157286bd292_Lottie-Animation.png)
OpenAI Loading Animation - Using Lottiefiles
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a Lottie animation from Lottiefiles.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670abd877d45c5e1bc2c90_2.png)
OpenAI, Markdown & Bubble.io
Learn how to integrate OpenAI with your Bubble.io app to create a more visually appealing presentation of your data using Markdown.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a79d4e7daa1a3c681c8_Pagination-Table-Elements.png)
Pagination with the Bubble Table Element
In this Bubble tutorial we demonstrate how you can add pagination to the Bubble table element. The Bubble.io table element doesn't include the same set of expanded features as repeating groups. So here is our workaround.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2008d276af85abbd45_V18lpnLmkyw-HD.jpeg)
Password reset: login page workflow with custom states
In this Bubble.io tutorial video we show how to use custom states to create a password reset form which optimises user experience and won't frustrate your users.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a188f44893e96135c98_RkSZ6chZIew-HD.jpeg)
Popup search box (command bar) triggered by a keyboard shortcut
In this Bubble.io tutorial video we demonstrate how to create a popup command bar or search box that is triggered by a keyboard shortcut - sometimes known as a omnibox or omnisearch. This tutorial shows how to use a Popup visual element, the Search Box input element and the Air Keyboard Shortcut plugin.
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/66670a717f42d4829cff27dc_Stripe-vs-Lemon-Squeezy.png)
Is Lemon Squeezy a good Stripe alternative for Bubble.io
Looking for a Stripe alternative for your Bubble app? We've been testing Lemon Squeezy. Here is our comparison between Stripe and Lemon Squeezy for Bubble app builders.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666996d72b349562f688b66c_Building-a-Custom-Dropdowns-in-Bubble.png)
Building a Custom Dropdowns in Bubble
Learn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66d83a2bc3e7baf0176daf02_RAG%20AI%20Search.png)
Build a No Code SearchGPT with Bubble.io
Build a No Code SearchGPT with Bubble.io and unlock the power of AI-powered search for your no-code SaaS startup.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a48acc92f4c544a737b_Comparing-Speech-to-Text-APIs-for-Bubble-Whisper-AssemblyAI.png)
Comparing Speech to Text APIs for Bubble - Whisper AI & AssemblyAI
In this Bubble.io tutorial we discuss and compare two speech recognision or speech to text APIs: the latest release of Whisper API by OpenAI and AssemblyAI. Although more expensive the AssemblyAI API works better with Bubble in several key ways.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7bd93701e6243e4dff_Clickable-Cells-Repeating-Groups.png)
Whole Cell Link in Repeating Groups in Bubble.io
In this Bubble tutorial video we show you quick trick for working with repeating groups in Bubble.io - that being how to make the whole cell clickable and run a workflow action.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa553b7aa6f742e5fd8_Embedding-our-dynamic-AddEvent-Calendar-in-Bubble-AddEvent-2.png)
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.