Design

The Bubble.io icon library is stuck with Font Awesome version 4 because V4 is not backwards compatibility with Font Awesome's most recent release version 6. In this Bubble tutorial video we demonstrate a work around that'll help you import the latest Font Awesome icons into Bubble.

In this Bubble tutorial video we share a quick color opacity trick at that came up in a Bubble Coaching call. Learn how you can make your hex code colors semi-transparent in this video.

In this Bubble.io tutorial we demonstrate how to use add Font Awesome icons to an Option Set and how to express a colour hex code within an Option Set.

In this Bubble.io tutorial we demonstrate a new feature (November 2023) that provides a huge boost to responsive web design in Bubble.io

In this Bubble tutorial we demonstrate how to use the OpenAI Assistant API, OpenAI Thread API and Bubble API Connector.

In this Bubble tutorial we demonstrate how to use the OpenAI DALL-E 3 API to generate AI images in your Bubble app.

Welcome to another in-depth Bubble tutorial where we delve into the integration of Serper.dev's Places API with Google Maps for a powerful and intuitive mapping experience.

In this Bubble.io tutorial we explain how to use the Google Street View Static API and Searchbox Address lookup to display a Google Street View image of an address in your Bubble app.

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.

In this Bubble tutorial we explain how you can limit access to features in your app based on Current User's Role.

In this Bubble tutorial we explore a number of different ways to limit UI elements and Workflows based on whether a user is logged in or logged out.

In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.

Here's how to add personalised greetings to your Bubble app such as Good Morning, Good Afternoon & Good Evening using conditional statements and Current Date/Time.

In this Bubble tutorial we demonstrate how to use AI to generate reply suggestions adding a feeling of autocomplete to your Bubble app. We use the OpenAI API to generate chat messages replies in our ChatGPT clone.

In this Bubble tutorial we'll be demonstrating how you can have more control over how Bubble and timezones work in your app.

In this Bubble tutorial video we show you quick trick for working with repeating groups in Bubble.io - that being how to make the whole cell clickable and run a workflow action.

In this Bubble tutorial we demonstrate our top tips for designing great looking repeating groups in your Bubble app.

In this Bubble tutorial series we give our top tips for working with repeating groups in Bubble.io. In this video we demonstrate how to add alternating rows in a repeating group.

Get started with our 3 ways to add data to a repeating group Bubble tutorial. We demonstrate how to make sure that your repeating group is populated with data when the page loads, how to change this data with a workflow and how to update the repeating group list using a conditional statement and custom state.

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.

In this Bubble tutorial we demonstrate how you can use a few lines of CSS to force pages in your Bubble app to be height responsive, 100% height, 100% viewport.

You can create no-code IMDB clone with Bubble in just 30 minutes. In this Bubble tutorial video we demonstrate how to cleanly layout content in Bubble using rows and columns, how to structure your database to make relationships between entries (e.g. Movies & Directors) and how to display data from your Bubble database in repeating groups and on pages.

In this Bubble tutorial video we demonstrate how you can use a color picker to allow your Bubble app users to set their own colors through your Bubble app.

Lorem Ipsum is a popular placeholder text or dummy text. So why do you sometimes find Lorem Ipsum in the preview of your Bubble app. It has to do with setting a page's Type of Content.

In this Bubble tutorial we demonstrate how to nest repeating groups in Bubble including how to link data between parent and children groups.

Bubble is a fantastic no-code development platform. But sometimes you need a little code like CSS to perfect the design of your Bubble app. In this Bubble tutorial video we demonstrate 2 ways you can add custom CSS to your Bubble app.

In this Bubble tutorial we add a Settings page or My Profile page to our Twitter clone built with Bubble.io.

In the Bubble tutorial we add user profiles to our Twitter clone. We explain how to user a Bubble app page's Type of Content to create a template for all Twitter users in our app.

In this Bubble tutorial we demonstrate how you can use conditional statements to change the background color of content based on a numerical value. We create a series of traffic light color changes (red, green, yellow) to show low, medium and high values in our data.

In this video, we share top 10 tips that every Bubble developer (beginner or advanced) must know. This includes things such as what Bubble is good at, limitations of Bubble, Design tips, Dev and Live environments, Privacy and Security, and running apps as users.

Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no-code CRM in Bubble.

Are you building a no-code one page Bubble app? How are you handling your navigation? In this Bubble tutorial video we'll explain why one page app navigation with custom states has limitations and how using Go to page... with URL parameters can improve your user experience.

Bubble doesn't make it easy to add a Group Focus into a Repeating Group cell. Here's our workaround using a Reusable Element and icon.

In this Bubble beginner tutorial we explain how to use a popup and form to make changes to an entry in your Bubble.io database.

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.

Finally you can create a true chat experience in Bubble with the Reverse Repeating Group plugin by Thimo. Design your Bubble ChatGPT clones or other chat apps to scroll to the bottom of the conversation just like iMessage and Slack.

In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a dashboard layout with a floating/sticky sidebar.

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.

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.

This Bubble tutorial video demonstrates how to fix OpenAI HTTP 400 in your Bubble app and even prevent error HTTP 400 from happening again.

In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a Registration and Login page for your SaaS app users.

In this Bubble tutorial we demonstrate how to use the AssemblyAI transcription and speaker labelling API with backend workflows to loop through every 'utterance' returned by AssemblyAI.

In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.

In this Bubble tutorial we explain how to use constraints on a repeating group to filter your Bubble database data by date. In this Bubble.io tutorial we demonstrate how to show only events occurring on the current date.

Here's one way you can customize the Bubble Table element. In this Bubble tutorial video we'll demonstrate how to create click to sort column headers.