Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
OpenAI GPT-4o Beginners Guide for No Coders
Learn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.
OpenAI Loading Animation - Using Lottiefiles
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 Lottie animation from Lottiefiles.
OpenAI, Markdown & Bubble.io
Learn how to integrate OpenAI with your Bubble.io app to create a more visually appealing presentation of your data using Markdown.
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.
Password reset: login page workflow with custom states
In this Bubble.io tutorial video we show how to use custom states to create a password reset form which optimises user experience and won't frustrate your users.
Popup search box (command bar) triggered by a keyboard shortcut
In this Bubble.io tutorial video we demonstrate how to create a popup command bar or search box that is triggered by a keyboard shortcut - sometimes known as a omnibox or omnisearch. This tutorial shows how to use a Popup visual element, the Search Box input element and the Air Keyboard Shortcut plugin.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
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.
AI Web Scraping Structured Data: Claude Tools & JSON mode - Part 3
The BEST way to request structured JSON data from an AI like Claude by Anthropic. Dive into the world of Claude Tools (function calling).
Understanding Development vs Live versions in Bubble
In this Bubble.io tutorial video we explore the differences between the development version of your Bubble app and the live version of your Bubble app. Key takeaways are to get familiar with working with the 2 versions and that with 2 versions you have 2 separate databases.
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.
Search and Scrape Google Maps data with Serper.dev
In this Bubble tutorial we demonstrate how to scrape Google Maps data into your Bubble app using the Serper.dev API.
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.