This element is visible on page load
Discover how Bubble.io's "This element is visible on page load" feature empowers solopreneurs to create dynamic, user-friendly no code SaaS applications, enhancing the initial user experience and streamlining the development process for no code entrepreneurs.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666990fdcea912d17a577fca_CSS-Animation.png)
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.
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/66670a4c877d45c5e1bbfde3_How-to-Fuzzy-Search-non-text-fields-in-Bubble.io_.png)
How to Fuzzy Search non-text fields in Bubble.io
In the Bubble tutorial we demonstrate how to use the Fuzzy Search & Autocomplete plugin by Zeroqode to search fields that ARE NOT text fields. This quick workaround makes use of Database Triggers to keep your database in sync.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ac14e1c0bd663ad3552_6.png)
Bubble.io Date Filter: Last 30 days
Learn how to filter a list of dates to only return dates in the last 30 days in your Bubble.io app with this step-by-step tutorial.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4e61dbe6328d155bc1_Tracking-User-activity-events-in-your-Bubble-app-with-LogSnag.png)
Tracking User activity & events in your Bubble app with LogSnag
In this Bubble tutorial we demonstrate how to track user activity and gather basic analytics for how your Bubble app is being used using Logsnag.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666996d72b349562f688b66c_Building-a-Custom-Dropdowns-in-Bubble.png)
Building a Custom Dropdowns in Bubble
Learn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66699545e5ee6e6093b50d14_Lets-Build-a-No-Code-Invoice-Web-App-Part-1-3-2.png)
Let’s Build a No Code Invoice Web App - Part 3
We delve into building a no-code invoicing web app using Bubble.io. Discover how to utilize auto binding to streamline the process and enhance user experience with a currency formatted total price calculation. Stay tuned for the next video where we explore sending invoices via email using Postmarks.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a270a5127fe50ee2416_XWrmr9bie7I-HD.jpeg)
How to Create a User Login Workflow In Bubble
In this Bubble.io tutorial video we demonstrate a simple login form including constructing the necessary Workflow to take a logged out user and log that user into your Bubble app.