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.
Explain like I am 5 AI text generator built with Bubble.io using OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. 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.
Figma Themes & UI Kits - Where To Find Design Inspiration
In this Bubble.io tutorial video we share some of the top places to look for design inspiration, UI kits and themes for your Bubble app.
Filtering Repeating Groups by Date - Only Showing Today's Events
In this Bubble tutorial we explain how to use constraints on a repeating group to filter your Bubble database data by date. In this Bubble.io tutorial we demonstrate how to show only events occurring on the current date.
Finally! Send a message with the Enter key
In this Bubble tutorial, you will learn how to submit input from a text using an enter key and for it to automatically run a workflow based off that key press.
GPT-4 Chatbot with Bubble - OpenAI chat and text generation
Here is every step needed to create an OpenAI GPT-4 powered chatbot using Bubble the no-code web app development platform. Discover how to use the Bubble API Connector to connect directly to the OpenAI API, how to interpret the OpenAI API documenation and format your messages using the JSON-safe modifier. Watch this video and save yourself hours of API errors.
Gap between repeating group rows
In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Bubble & OpenAI - Send only recent messages
In this Bubble tutorial we demonstrate how you can lower your OpenAI token spend by just sending the most recent messages to the OpenAI API. This method will ensure your message still has some awareness of previous messages without sending the oldest messages.
Using Custom States to Store the Last Viewed Page When Refresh
In this Bubble.io tutorial video we demonstrate how to convert a menu that uses Custom States to hide and show parts of your page to a menu that uses a User database field. We explain the advantages of saving the current view to the User to maintain a consistent user experience.
Adding Beautiful Alerts & Notifications to Your Bubble App
In this Bubble tutorial we share a Bubble web app development UI tip. Here's how to add amazing in app notifications to your Bubble app using the Toast Notifications plugin by Minimum Studio.
How to send data from Bubble to Make.com
In this Bubble tutorial video, learn how to seamlessly integrate data from Make.com to your Bubble app, showing you how to set up a scenario workflow to send and receive data effectively. Dive into the world of no-code development with these powerful integration tools.
Bubble.io & OpenAI - Improve your workflow and data structure
In this Bubble tutorial video we demonstrate a simple way you can improve and simplify your OpenAI API workflows in your Bubble app.