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
OpenAI Loading Animation - Using CSS
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 CSS animation from loading.io.
Tracking User activity & events in your Bubble app with LogSnag
In this Bubble tutorial we demonstrate how to track user activity and gather basic analytics for how your Bubble app is being used using Logsnag.
How to summarise a whole conversation with AI in Bubble.io
Learn how to add a "summarize" button and generate a conversation summary using OpenAI API in your Bubble.io chat application. This quick tip will help you present condensed information to your users with ease, making your no-code development process even more efficient.
OpenAI's TEXT TO SPEECH Revolution Is HERE!
How to easily add OpenAI's groundbreaking text-to-speech capabilities to your Bubble.io app.
Are You Ready for the OpenAI Assistants API Shutdown? Migration Guide
Learn why you NEED to migrate from OpenAI's Assistants API to the Response API in your Bubble.io no-code applications before it's too late! In this comprehensive tutorial, we reveal two critical reasons why this switch is essential for your web app development projects.
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!