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
Build a No Code AI Bedtime Story App with Text to Speech by ElevenLabs
Create personalized children's stories with AI-powered text and lifelike audio narration. Combine the power of Anthropic's Claude AI and ElevenLabs' text-to-speech in this no-code Bubble.io app.
Build a Claude 3 AI No Code App in 15 mins
Learn how to create a Claude 3 powered AI no-code app using Bubble.io in less than 15 minutes. Dive into this step-by-step guide on setting up a chat interface with Claude by Anthropic using the no-code platform.
How to filter Event dates by week in Bubble
Learn how to work with weeks in Bubble.io and filter events or date data by week in this Bubble tutorial.
How To Edit Table Data With A Popup In Bubble
In this Bubble.io tutorial video we demonstrate how to use a Popup to edit data in a repeating group. We show how to create a Popup and the Workflow needed to display the Popup pre-populated with any existing data.
Implement an Upvote Feature like Product Hunt & Reddit
Providing an upvote feature for user-generated content is a significant factor for encouraging engagement and building an active user-base.
Intro to Product listing page using Repeating Groups
In this Bubble tutorial we build a simple product listing page using the Repeating Groups element. We explore how to add data to a Repeating Group element, how to style a Repeating Group and how to link the whole cell in a Repeating Group to a page displaying a single entry in our Bubble database.