Search box
Discover how Bubble.io's Search box feature empowers solopreneurs to create powerful no-code SaaS applications, enabling users to quickly find and access information within your app and enhancing overall user experience.

Build a CUSTOM Search Results Page in Bubble.io NOW!
Discover how to craft an impressive search results page in Bubble.io that elevates your app experience!

Custom Dropdown with Search
Let's add a custom search to our custom dropdown in Bubble.io

Google Street View in Bubble.io
In this Bubble.io tutorial we explain how to use the Google Street View Static API and Searchbox Address lookup to display a Google Street View image of an address in your Bubble app.

How To Make A Search Function In Bubble.io
In this Bubble.io tutorial video we show to user the Search element to give your users the ability to search a specific field of a data type in your Bubble database.

How to Use Search Element to Display Single Map Marker On Google Maps
In this Bubble.io tutorial video we show how to link a Search field with a Google Maps instance. This video demonstrates and explains the need to store address data as Geographic field data in order to provide the necessary integration with the Google Maps API.

How to build a chat app with Bubble.io Part 3
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This third video in a 3 part series completes this mini series demonstrating how to build your own chat app by showing the workflows required to send messages between users in Bubble.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

QR Code Generator in a Bubble
In this Bubble tutorial video we demonstrate how to generate a QR code within your Bubble app. We use the 'Barcode & QR Code Generator' plugin from the Bubble plugin directory to add a QR code to data in our database using that data's Bubble unique ID.

Embedding our dynamic AddEvent Calendar in Bubble - AddEvent 2
Learn how to embed a dynamic calendar into your Bubble.io app using the no-code platform AddEvent, allowing users to view their own personalized calendar. Customize and update the calendar code to ensure it displays the correct user's calendar.

How to run a Browse AI web scraping robot from Bubble.io
Trigger Browse AI web scraping robots from your no-code app. This video shows you how to use the Browse AI API to run a web scraping robot directly from your Bubble.io app. Learn how to set up the API connector, pass in dynamic parameters, and trigger the robot to scrape content from Reddit.

OpenAI Loading Animation - Using CSS
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.

How to “join with” a line break
In this Bubble tutorial, you'll learn how to use the "join with" text modifier to change how a list of text items is expressed in your Bubble app.

Let’s Build a No Code Invoice Web App - Part 2
Learn how to create an invoicing app with no code using Bubble.io in this tutorial. Discover the power of no-code app development and streamline your invoicing process effortlessly.