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

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.
Display data
Dropdown
Group Focus
Repeating Group

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.
Hume.ai

Let’s Build a No Code Invoice Web App - Part 3
We delve into building a no-code invoicing web app using Bubble.io. Discover how to utilize auto binding to streamline the process and enhance user experience with a currency formatted total price calculation. Stay tuned for the next video where we explore sending invoices via email using Postmarks.
Auto-binding
Database Triggers

Is Claude 3 better than OpenAI GPT-4?
Discover the power of Anthropic's Claude 3 models for building AI integrated no-code apps using Bubble.io. Explore how the latest AI models like Claude 3 Haiku can outperform even GPT 4, revolutionizing the landscape of app development.
Anthropic Claude
OpenAI
API Connector

Which is better? OpenAI vs Claude 3 - An Introduction
Learn about the latest advancements in AI models like Claude Haiku, Claude Sonnet, and Claude Opus and their comparison to OpenAI for building no-code web apps with Bubble.io in mind. Stay tuned for upcoming videos on integrating these models into your projects!
Anthropic Claude
OpenAI

Beginners Guide to Bubble.io Database
In this Bubble tutorial, Planet No Code introduces the beginner's guide to the Bubble database. Learn how to structure your data, create data types, and establish relationships between them. Discover the importance of privacy rules and how to ensure data security. With hundreds of Bubble tutorial videos available, Planet No Code has you covered for all your no-code app development needs.
Database

OpenAI GPT 4 Vision No-Code Bubble.io Tutorial
In this Bubble tutorial we demonstrate how easy it is to add the OpenAI GPT 4 Vision API to your Bubble app. Now your Bubble app can upload images to OpenAI and ask questions about the image.
OpenAI

Bubble.io Table Element Pagination with Numbers
In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.
Custom States
Do a search for
Set state
Table

OpenAI & Bubble Tips - Beautiful error handling
In this Bubble tutorial we demonstrate how you can replace the ugly browser alerts when OpenAI responses with an error. We explain how you can replace this error with an beautiful in app notification and send an email to your tech team with the error details.
An unhandled error occurs
OpenAI
Toast Notifications

Stripe Subscription Tip 1 - Switching Dev & Live Plan IDs
In this Bubble tutorial we share a quick tip about switching from your Stripe Test Plan ID to your Stripe Live Plan ID.
Format as text
Isn't live version
Stripe
No results found.
There are no results with this criteria. Try changing your search.