Buttons

Buttons are a crucial component of any app, allowing users to interact with your interface and trigger specific actions. With Bubble, you can easily create custom buttons that match your app's branding and design. You can also add conditional formatting to buttons, making them change color or behavior based on certain user actions or data inputs.

Search
Premium

Beginners Guide to Bubble.io Workflows

In this Bubble tutorial we provide a beginners guide to Workflows in Bubble.io including how to use a form to create new entries in the Bubble database and how to link these entries together in database relationships. We also explain at the end how to control the order of operations in Bubble.

Build a ChatGPT clone in 30 mins with Bubble.io

Anyone can build a ChatGPT clone using the no-code web app building platform Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how to connect with the OpenAI API and how to correctly format your messages for historical message awareness with your AI conversations.
Premium

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.
Premium

Explain like I am 5 AI text generator built with Bubble.io using OpenAI

In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
Premium

QR Code Generator in a Bubble

In this Bubble tutorial video we demonstrate how to generate a QR code within your Bubble app. We use the 'Barcode & QR Code Generator' plugin from the Bubble plugin directory to add a QR code to data in our database using that data's Bubble unique ID.
Premium

AI Image Generation in Bubble with DALL-E 2 OpenAI API

In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.
Premium

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. Watch part 1 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-1/ Watch part 2 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-2/
Premium

How to build a chat app with Bubble.io Part 2

In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This second video in a 3 part series focusses on additional UI elements required to build your own chat app and how to set up your repeating groups to show both conversations and messages. Watch part 1 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-1/ Watch part 3 of this series: https://www.planetnocode.com/tutorial/design/how-to-build-a-chat-app-with-bubble-io-part-3/