Custom States
Discover how Custom States in Bubble.io can revolutionize your no-code SaaS journey as a solopreneur, enabling dynamic data management and enhancing user experiences without writing a single line of code.

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 use the Bubble.io debugger to find missing elements
In this Bubble.io tutorial we demonstrate how to use the Bubble Debugger bar to debug why an element is not visible when it should be. First we check the page element on the Bubble app page with the Inspect tool and element search, then we run our Workflow using Step by Step.

Instant Scroll to Top without animation
Learn how to optimize your Bubble.io one page app by implementing a simple JavaScript solution to address the scroll to top issue when changing custom states.

Pagination with the Bubble Table Element
In this Bubble tutorial we demonstrate how you can add pagination to the Bubble table element. The Bubble.io table element doesn't include the same set of expanded features as repeating groups. So here is our workaround.

Perplexity AI no-code app with Bubble.io
In this Bubble tutorial delve into the integration of the powerful AI tool, Perplexity AI, into Bubble.io apps.

Repeating Groups Advanced Filter - AND Filters, Option Sets, Custom States
In this Bubble tutorial we demonstrate how to filter a list of products on an ecommerce website using custom states and option sets. Creating AND filters with Option Sets is not easy in Bubble but we demonstrate a nocode approach that works.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

How To Protect A User's Data With Bubble Privacy Rules
In this Bubble.io tutorial video we give an introduction to the Bubble Data Privacy tab and demonstrate a simple solution that will fit most use cases. In this video we show how to only show database entries to the user who created them.

Let’s Build a No Code Invoice Web App - Part 1
Learn how to build a custom invoicing web app without any coding knowledge using Bubble.io in this step-by-step tutorial. Dive into the world of no-code development and create your own personalized invoicing system with ease.

How to Build Your Own AI Assistant for Email Writing Without Coding
Learn how to build your own email assistant powered by AI using the no-code platforms Bubble.io and Plum. This blog post will guide you step by step on how to create structured data prompts to write emails without a single line of code. Dive into the world of no-code development with ease.

Creating a signup & login widget with a dropdown menu
In this Bubble.io tutorial we demonstrate how to create a dropdown login and registration menu using the Group Focus element in our Bubble app's header.

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.

API screenshots without popups with Browserbear
In this Bubble tutorial we demonstrate how to take better screenshots with the Browserbear API by removing modals/popups from the from page of the New York Times.