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
OpenAI, Markdown & Bubble.io
Learn how to integrate OpenAI with your Bubble.io app to create a more visually appealing presentation of your data using Markdown.
Creating a Temporary List Using Custom States in Bubble.io
In this Bubble.io tutorial video we show how Custom States to show a temporary list and build upon a temporarily list without saving data to your Bubble app's database using Repeating Groups.
Finally! Send a message with the Enter key
In this Bubble tutorial, you will learn how to submit input from a text using an enter key and for it to automatically run a workflow based off that key press.
How to Make an AI No Code RAG App with Bubble.io
Bubble.io no code RAG app tutorial combines Carbon AI and Claude for powerful retrieval augmented generation. Learn how to save knowledge base data with Carbon AI's API and query it alongside Claude for dynamic, conversational responses - no coding required!
Train OpenAI GPT on App Data: 2 Proven Methods [2024]
We explore 2 proven methods of training an AI on app data without writing a single line of code, perfect for those building with Bubble.io or any other no-code platform. Discover the pros and cons of using OpenAI's API for chat completion versus the assistance API, and find out how you can enhance your app's AI capabilities effortlessly.
New Bubble Workflow Editor: The Exciting Future It Paves the Way For!
Bubble workflow editor update paves the way for exciting new features like if statements and branching logic. This top-down visual layout, similar to Zapier's paths, will allow you to send your logic down a particular flow in your workflow. The new workflow builder makes it easy to conceive that Bubble will add the ability to visually build more complex workflows, simplifying the process for no-code entrepreneurs.