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 add lightning fast AI to your Bubble app with Groq
Discover how integrating Groq, a lightning-fast AI model powered by its specialized hardware, can revolutionize your Bubble.io no-code applications.
How to extract data from text (without regex) in Bubble.io
In this Bubble.io tutorial we show how you can use the Split by modifier to target and extract specific parts of a larger volume of text. This techique is an alternative to extracting text using a regex expression.
CREATE AI Powered File Search App NO CODE REQUIRED WITH OpenAI
Discover how to leverage OpenAI's powerful file search capabilities in your Bubble.io no-code applications! In this comprehensive tutorial, we demonstrate how to implement OpenAI's new file search functionality using both the OpenAI playground and Bubble.io's platform. Learn how to create vector stores, upload and chunk files, and seamlessly integrate OpenAI's Responses API into your web applications. Perfect for no-code developers looking to add AI-powered document search to their projects!
Introduction to Auto-Binding Fields In Bubble.io
In this Bubble.io tutorial video we explore why auto-binding fields can save you time and discuss the UX advantages and disadvantages of doing so.
How to Create a User Login Workflow In Bubble
In this Bubble.io tutorial video we demonstrate a simple login form including constructing the necessary Workflow to take a logged out user and log that user into your Bubble app.
.jpg)
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.