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

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

How to create a drag and drop gallery in Bubble
In this Bubble.io tutorial video we demonstrate how to create a drag and drop gallery and multi-image uploader using the 'Drag & Drop Repeating Group' plugin by Minimum Studio. This can be a useful element for building a dating or social media app.
Database
Custom States
Plugins
Design
Workflow

How to create drag and drop repeating groups in Bubble.io
In this Bubble.io tutorial video we demonstrate how to add drag and drop to your Bubble app. We set up the plugin 'Drag & Drop Repeating Group' by Minimum Studio and show you the first steps needed for creating a kanban board or task manager in Bubble.
Database
Custom States
Plugins
Workflow
Design

Using split by and database triggers in Bubble.io
In this Bubble.io tutorial video we demonstrate how you can separate a user's full name into their first name and last name using Split By and database triggers.
Workflow
Backend Workflows
Database
Database Triggers
Split by
No results found.
There are no results with this criteria. Try changing your search.