Explore 300 Bubble tutorials
Build your dream no code SaaS and dive into our comprehensive bubble tutorials
Filters
How to create a ChatGPT app with no code using Bubble.io
In this video, we'll show you how to leverage Bubble.io's powerful no-code platform to create a ChatGPT app.
Plugins
API Connector
Workflow
OpenAI
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.
Plugins
API Connector
Design
Buttons
Database
Receiving inbound SMS into your Bubble.io app
In this Bubble.io tutorial we'll show you how to process and store SMS replies to your ClickSend SMS notifications. ClickSend is a great alternative to Twilio.
Workflow
API Endpoints
Backend Workflows
ClickSend
SMS Gateway
How to send SMS messages (Alternative to Twilio)
In this Bubble.io tutorial we explain how to send SMS notifications from within your Bubble app. Everyone thinks of Twilio when they think of an SMS API that works with Bubble. However, I have found that ClickSend offers a much more friendly and straightforward toolkit that will have you sending SMS notifications to your app's users far quicker than if you where using Twilio.
Plugins
API Connector
ClickSend
SMS Gateway
Creating a sidebar with mobile menu in Bubble.io
This Bubble.io tutorial demonstrates how to layout a dashboard app that has a left sidebar with a mobile menu in Bubble. This video explores how to show and hide elements as the page width changes.
Design
Buttons
Conditional statement
How to extract data from text (without regex) in Bubble.io
In this Bubble.io tutorial we show how you can use the Split by modifier to target and extract specific parts of a larger volume of text. This techique is an alternative to extracting text using a regex expression.
Database
Split by
Bubble pirate translator with OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. 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.
Plugins
API Connector
Database
Custom States
Workflow
Bubble button element guide
In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.
Design
Buttons
Conditional statement
Styles
How to add a progress bar to your Bubble.io app
In this Bubble.io tutorial we demonstrate how to create a progress bar in Bubble using the Progress Bar plugin by Bubble.io. This Bubble tutorial includes a couple of extra tricks and tips including how to remove the text value from the progress bar and how to work with the progress bar when you are not working with percentage values.
Plugins
Progress Bar
Math.js
How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.
Plugins
Air Keyboard Shortcut
Design
Background
Database
No results found.
There are no results with this criteria. Try changing your search.