Styles
Discover how Bubble.io's Styles feature empowers solopreneurs to create visually stunning no code SaaS applications, allowing you to customize your app's appearance without coding and maintain consistency across your entire project.
Bubble button element guide
In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.
Figma Themes & UI Kits - Where To Find Design Inspiration
In this Bubble.io tutorial video we share some of the top places to look for design inspiration, UI kits and themes for your Bubble app.
How to add hover effect to a button in Bubble
In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.
How to customize buttons in Bubble.io and button UX tips
In this Bubble.io tutorial video we demonstrate how to customize button elements in the Bubble UI editor. We also discuss why using a hover effect can improve UX (user experience) for your app users.
How to import a Figma design into Bubble step by step guide
In this Bubble.io tutorial video we demonstrate how to work with Figma and Bubble.io and the new responsive engine.
Import Figma Design Into Bubble
In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.
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 create a Pie Chart in Bubble.io
In this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.
OpenAI & Bubble Tips - Beautiful error handling
In this Bubble tutorial we demonstrate how you can replace the ugly browser alerts when OpenAI responses with an error. We explain how you can replace this error with an beautiful in app notification and send an email to your tech team with the error details.
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 add Copy to Clipboard within a repeating group
In this Bubble tutorial we'll teach you how to add use the Air Copy to Clipboard plugin within a repeating group. For our example we take a repeating group showing a list of contacts and demonstrate how to copy each contact's email address to your user's clipboard.
Tips for Using Conditional Statements in Bubble.io
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.
How to “join with” a line break
In this Bubble tutorial, you'll learn how to use the "join with" text modifier to change how a list of text items is expressed in your Bubble app.