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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ababbd3fe35b99d056a_Custom-Dropdown-with-Search.png)
Custom Dropdown with Search
Let's add a custom search to our custom dropdown in Bubble.io
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8215e172a347400d5a_Google-Street-View.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1968c534e332d1a4de_6.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2d527779dc7320c1ce_CloudsConvert_maxresdefault-1662743577.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66780cc7463a2615d9584397_Youtube%20thumbnail%20view.jpg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1a94fc0d43c9e6766f_PBT3jOl4Ods-HD.jpeg)
Multiple Map Markers On Google Maps Using Geographic Data
In this Bubble.io tutorial video we demonstrate how the Google Map element in Bubble can display multiple markers at once.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670abcb4d2b4f70da10728_Thumbnails-by-Emily.png)
Testing the World's First eLLM
Here's an exciting AI demo for you. This is the world's first eLLM by Hume AI. But what's an eLLM? Watch to find out.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66ab8f7c148c2e70628ea26f_The%20Ultimate%20Guide%20to%20Monitoring%20AI%20in%20Your%20No%20Code%20SaaS.png)
The Ultimate Guide to Monitoring AI in Your No Code SaaS
Using the Cloudflare AI Gateway is a must for any No Code SaaS builder using an AI API like OpenAI or Anthropic Claude.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2b708bfa14a4bd917e_How-to-display-an-average-rating-with-the-Star-Rating-plugin.png)
How to display an average rating with the Star Rating plugin
In this Bubble.io tutorial video we demonstrate the extra steps you'll need to take in order to display an average star ratings value that users can return to and update using the Bootstrap Star Rating Input visual element.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a55d93701e6243e38f5_Missing-Data.jpeg)
How to use the Bubble debugger to find missing data
In this Bubble tutorial video, I'm going to demonstrate how you can use the debugger bar at the bottom of your preview app to work out why a text label isn't working or data isn't being shown when you preview your app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a22708bfa14a4bd7b3e_56WuBI1Spek-HD.jpeg)
Creating a hero section for your web app page in Bubble.io
In this Bubble.io tutorial we demonstrate how to create a 2 column hero section using the new Bubble responsive engine. This tutorial video includes how to create a layout that has 2 columns with the text and image element.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a65c12be7d36a4483cf_Gradient-Text.png)
Text Background Gradient in Bubble - FREE, no plugin needed
In this Bubble tutorial video we demonstrate how to add a gradient background to text in your Bubble app using CSS and element IDs. No plugin needed.