Set state
Discover how Bubble.io's Set State feature empowers solopreneurs to create dynamic no-code SaaS applications, allowing you to manage and update your app's data in real-time without writing a single line of code.

How to add AI text generation to a Bubble app - OpenAI
In this Bubble tutorial we demonstrate how to generate AI text from a prompt and display the generated text in your Bubble app. This video will show you how to use the OpenAI API without the need for a plugin using the Bubble API connector.

How to add OpenAI Text to Speech to your Bubble app
In this Bubble.io tutorial we demonstrate how to convert text to speech in your Bubble app using the OpenAI Text-to-Speech API including how to autoplay the speech as soon as OpenAI returns the MP3 file.

How to add a no-code product tour to your Bubble app
In this Bubble tutorial video, I'm going to be demonstrating how you can create a Product Tour and onboarding experience just like this, to guide your users through and explain features in your Bubble app.

How to add navigate a table with the arrow keys (Up Down Enter)
In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.

How to build a comparison table for an ecommerce app
In this Bubble tutorial we demonstrate how to create a comparison table in Bubble. This nocode tutorial will show you how to add checkboxes to a repeating group list of products and send 2 selected products to a new page.

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.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Chat app with AI predictive & suggested text with OpenAI
In this Bubble tutorial we demonstrate how to use AI to generate reply suggestions adding a feeling of autocomplete to your Bubble app. We use the OpenAI API to generate chat messages replies in our ChatGPT clone.

Demo of Return Data from Custom Events
Learn how to effectively create functions using Bubble.io's new feature called Return Data on custom events in this tutorial video. With reusable elements, you can easily deploy complex calculations and formulas across multiple pages in your app, simplifying your app development process.

How to add custom CSS to Bubble.io
Bubble is a fantastic no-code development platform. But sometimes you need a little code like CSS to perfect the design of your Bubble app. In this Bubble tutorial video we demonstrate 2 ways you can add custom CSS to your Bubble app.

Bubble's New Responsive Design Engine: an Introduction
In this Bubble.io tutorial video we give an introduction to the new Responsive Engine page builder.

Add a calendar to a Bubble.io app
In this Bubble.io tutorial video we show how to add a calendar to your Bubble app. We demonstrate how to create a data type for Events and display these events in Full Calendar by Bubble.