Custom States

Learn all about Bubble.io Custom States. Custom States are a fantastic way of quickly storing temporary data or data that isn’t ready to be written to your Bubble apps database.

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.

How to create drag and drop repeating groups in Bubble.io

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.

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.

Using Custom States to Store the Last Viewed Page When Refresh

In this Bubble.io tutorial video we demonstrate how to convert a menu that uses Custom States to hide and show parts of your page to a menu that uses a User database field. We explain the advantages of saving the current view to the User to maintain a consistent user experience.

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.

Filter products in a repeating group by data type with Custom States

In this Bubble tutorial video we demonstrate how to filter results in a repeating group using Custom States.

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