Explore 300 Bubble tutorials
Build your dream no code SaaS and dive into our comprehensive bubble tutorials
Filters
Sort by

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.
Element Actions > Hide
Element Actions > Show
HTML
This element is visible on page load
OpenAI

Creating a Chatbot experience using Bubble & ChatGPT API
In this Bubble tutorial we demonstrate how to use the ChatGPT API to create an AI chatbot like experience in your Bubble app. We dive right the deep end of the Bubble API Connector, we have getting started videos for the OpenAI API on our channel already. This video shows one way to approach the challenge of formating the message history correctly in JSON so that your chatbot is aware of the message history and respond accordingly.
API Connector
OpenAI
Create a new thing
Do a search for
Join with
.jpg)
Train OpenAI GPT on App Data: 2 Proven Methods [2024]
We explore 2 proven methods of training an AI on app data without writing a single line of code, perfect for those building with Bubble.io or any other no-code platform. Discover the pros and cons of using OpenAI's API for chat completion versus the assistance API, and find out how you can enhance your app's AI capabilities effortlessly.
OpenAI

How To Edit Table Data With A Popup In Bubble
In this Bubble.io tutorial video we demonstrate how to use a Popup to edit data in a repeating group. We show how to create a Popup and the Workflow needed to display the Popup pre-populated with any existing data.
Design
Popup
Workflow
Display data
Repeating Group

Build Your Own AI Summarizer
In just 10 minutes, you can build your own AI summarizer app using Bubble.io with this step-by-step guide. This no-code SaaS app will provide fast summaries of web pages, PDFs, and YouTube videos, making it a powerful tool for content curation.
Plugins
API Connector
Kagi

Exploring Bubble No Code's Plugin Library - A Deep Dive!
Explore the wide array of plugins available in the Bubble.io library to enhance your no-code app with powerful functionalities. Discover how these plugins can take your app to the next level and overcome limitations, making your development process efficient and effective.
Plugins

Should you use OpenAI Assistant API with Bubble?
Let's discuss whether to use the OpenAI Assistant API with Bubble.io applications. Exploring the key differences between the assistance API and chat completion, and the challenges and benefits of incorporating AI into your Bubble app.
Plugins

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.
Database

What is GPT 4o
In the world of no-code AI app development, keeping up with the latest models like GPT-4o from OpenAI is crucial. With advancements like the ability to input a whopping 128k of context length, innovators using platforms like Bubble.io are able to push the limits of what's possible with AI-powered applications.
Plugins

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.
Design
Buttons
Workflow
Database
Plugins
No results found.
There are no results with this criteria. Try changing your search.