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
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.
Build your own No-Code Search Engine with Bubble.io
Learn how to create your own no-code search engine using Bubble.io and the Brave search API in this tutorial. Discover how to connect to the API, structure the data, and display search results on a separate page.
Bubble.io Beginners - How to create a new database entry
In this Bubble tutorial for beginners we explain how you can create new entries in your Bubble database using a form. We use the Create new thing workflow action to create a new contact using 2 input fields.
Bubble button element guide
In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.
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.
Deepgram Text to Speech MADE EASY with Bubble API Connector!
Discover how to make text-to-speech easy with the Deepgram API in Bubble! Learn how to integrate Deepgram's powerful text-to-speech capabilities into your Bubble applications. This guide covers everything from setting up your API keys to customizing voice options, and even troubleshooting common issues. Get tips on creating engaging audio experiences, and find out how to enhance your app's accessibility with speech functionalities.