Custom CSS
Unlock the power of Custom CSS in Bubble.io to elevate your no code SaaS app's design and functionality, giving solopreneurs the ability to create unique, professional-looking interfaces without coding expertise.

How to add custom CSS to Bubble.io
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.

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 use Custom States in Bubble including 2 examples
In this Bubble tutorial we explain how to use Custom States with Bubble, why Custom States are useful and demonstrate two Bubble app examples of how I use Custom States in the Bubble apps I build.
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.

How to create a gender selection dropdown using Option Sets in Bubble.io
In this Bubble.io tutorial video we show how to use Option Sets to create a gender selector in a registration workflow as a user signs up. Option Sets are an incredibly powerful tool for storing values that you'll be referring to over and over again in your Bubble application especially if you need to present this data in different ways such as gender and gender symbols or currencies and currency symbols.

Repeating Groups vs Tables: Which is Better for List Data in Bubble.io
Struggling to choose between Bubble.io's table element and repeating groups for your no-code web app? After 18+ months in beta, here's the definitive comparison every Bubble.io developer needs to know! In this comprehensive tutorial, we break down the pros and cons of both data display methods to help you make the right choice for your project.

What is GPT 4o
In the world of no-code AI app development, keeping up with the latest models like GPT-4o from OpenAI is crucial. With advancements like the ability to input a whopping 128k of context length, innovators using platforms like Bubble.io are able to push the limits of what's possible with AI-powered applications.

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.