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.

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

How to add a YouTube video to your Bubble.io app using dynamic data
In this Bubble.io tutorial video we demonstrate how to add a YouTube video to your Bubble.io by storing the video ID in your database and filling in the Video element source with dynamic data.

Create AMAZING Apps WITHOUT Coding with Siri Shortcuts!
Discover how to unlock the power of Siri Shortcuts integration with your Bubble.io web applications! In this beginner-friendly tutorial, learn how to send data from macOS Shortcuts directly to your Bubble.io app using simple HTTP requests. We'll demonstrate a practical example of creating new user accounts through Shortcuts, showcasing the incredible automation possibilities for your no-code projects.

CREATE AI Powered File Search App NO CODE REQUIRED WITH OpenAI
Discover how to leverage OpenAI's powerful file search capabilities in your Bubble.io no-code applications! In this comprehensive tutorial, we demonstrate how to implement OpenAI's new file search functionality using both the OpenAI playground and Bubble.io's platform. Learn how to create vector stores, upload and chunk files, and seamlessly integrate OpenAI's Responses API into your web applications. Perfect for no-code developers looking to add AI-powered document search to their projects!

How To Add Talking AI To Your App In Minutes!
Learn how to integrate ElevenLabs' powerful conversational AI widget into your Bubble.io application with dynamic variable support! In this detailed tutorial, we demonstrate how to create and customize an AI support agent that can personalize conversations by using dynamic values like user names. Perfect for no-code developers looking to enhance their web apps with intelligent chat capabilities.

Type Of Content - When To Use Page Data Source In Bubble.io
In this Bubble.io tutorial video we show how to display content using dynamic data from your database on a page. Using Page Data Source is the best way of designing a page to show a single entry from a list of data.

Unlock RAG Providers for NO CODE AI App Development TODAY!
Looking to build AI-powered apps with Bubble.io but confused about which RAG service to choose? In this comprehensive guide, we break down the top RAG (Retrieval Augmented Generation) services perfect for no-code developers. From Pinecone's robust platform to OpenAI's file-based system, Xano's database-first approach, discover which service best fits your project needs.