Set state

Setting states in Bubble allows you to store and manipulate data within your app, enabling you to create more dynamic and interactive interfaces. With Bubble, you can easily set and change states based on user actions or data inputs, making it possible to create custom workflows and conditional logic within your app.

Search

Bubble table element - Sort by column

Here's one way you can customize the Bubble Table element. In this Bubble tutorial video we'll demonstrate how to create click to sort column headers.

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 split and save OpenAI response

In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT and save each part of the AI generated text as a new entry in our Bubble database.

Build a nocode AI social media post generator in 10 mins

In this Bubble.io tutorial, we demonstrate how easy it is to create a social media post generator for facebook, twitter, instagram, youtube, etc. powered by OpenAI's ChatGPT model using the nocode app development platform Bubble.

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.

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.

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.

AI Image Generation in Bubble with DALL-E 2 OpenAI API

In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.

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 show & hide visual elements with Custom States

In this Bubble.io tutorial video we demonstrate how using custom states to show and hide elements on your page can save your time and keep your app lean. In the second half of the video we take this app leanness a step further by explaining how Option Sets can save you time and from the pain of debugging typos.

Create shop filter using Custom States & Option Sets

In this Bubble.io tutorial video we demonstrate how you can filter your products on a shop product page in Bubble.io. We'll be using Custom States and Option Sets to create this essential feature if you're building an ecommerce store with the Bubble app builder.