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

Bubble's Responsive Design vs its New Responsive Design Engine
In this Bubble.io tutorial video we discuss the differences between the old UI Builder and the new Bubble Responsive Engine that launched in June 2022.

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.

Bubble with Speech to Text using AssemblyAI - Part 2
In part 2 of the AssemblyAI and Bubble.io tutorial series we explore how to use webhooks to inform your Bubble app when a transcript has been completed.

OpenAI's TEXT TO SPEECH Revolution Is HERE!
How to easily add OpenAI's groundbreaking text-to-speech capabilities to your Bubble.io app.

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.

Styling Markdown Tables in Bubble.io
Learn how to easily style HTML tables in Bubble.io using simple CSS tweaks to enhance the look of your website - all without writing the code yourself.