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
.png)
How to add Google AI Gemini to Bubble.io
Discover the enormous potential and expand your app's capabilities with Gemini's unprecedented 1 million token context window! Imagine integrating up to 50 different sources, like PDFs and large text files, into your interactions seamlessly.
ChatGPT Clone - how to format chat bubbles
In this Bubble tutorial, I'm going to demonstrate how we can add some design improvements to the ChatGPT clone that I was building in my previous video.
Web scraping the New York Times with Browserbear
In this Bubble tutorial we demonstrate how screenshot the homepage of the New York Times using the Browserbear API.
OpenAI & Bubble Formating Tips & Tricks
In this Bubble tutorial we demonstrate some tips and tricks that will help you understand and format your prompts and responses when using the OpenAI ChatGPT API (gpt-3.5-turbo). This video draws on demonstrations in our Split by video and highlights several different approachs to extracting text from your OpenAI response including extracting multiple items.
What screen recording software do we use?
Looking for a professional screen recording software? Check out Screen Studio, a fantastic tool available exclusively for macOS. With impressive features like custom backgrounds, zoom control, and easy editing, it's no wonder companies like Stripe and Shopify rely on it for their videos.
3 ways to add data to a Repeating Group
Get started with our 3 ways to add data to a repeating group Bubble tutorial. We demonstrate how to make sure that your repeating group is populated with data when the page loads, how to change this data with a workflow and how to update the repeating group list using a conditional statement and custom state.