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.

How to build a pirate translator with OpenAI and Bubble.io

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

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 add keyboard navigation to a table in Bubble

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.

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 Thumbnail

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

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 use Custom States in Bubble including 2 examples

How to use Custom States in Bubble including 2 examples

In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.

Create a slideshow using Repeating Groups and Custom States

In this Bubble.io tutorial we demonstrate how to create your own slideshow using custom states and repeating groups. Perfect for building a marketplace and ecommerce store with Bubble.

Password reset: login page workflow with custom states

In this Bubble.io tutorial video we show how to use custom states to create a password reset form which optimises user experience and won't frustrate your users.

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.

Start building a web app today

Join our community of no-code app builders. Learn Bubble from our Bubble tutorial library and schedule 1 to 1 calls with our Bubble experts.
Get started free
Bubble app builders creating their no-code Bubble apps with Bubble coaching
menu