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
Learning Toddle.dev - No-code widgets
In this no-code tutorial, we will explore the power of a new no-code platform called toddle.dev. With toddle.dev, you can quickly and easily build web applications without writing a single line of code. In this video, we will focus on one of the platform's features - web components. We will demonstrate how to create a custom no-code widget that can be embedded into your website.
OpenAI Whisper vs AssemblyAI vs Deepgram The Ultimate Transcription API Showdown for 2024
Discover how to choose the best transcription API for your needs. This engaging showdown explores OpenAI Whisper, AssemblyAI, and Deepgram. You will learn about their features, pricing, ease of use, and accuracy. See how each API stands out and what unique advantages they offer to make your transcription tasks easier. Find out which one is the best fit for your project or business needs.
How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.
Turn BOOK HIGHLIGHTS into VIRAL Social Posts with AI and Relay app!
Discover how to transform your favorite book and podcast highlights into engaging social media posts with ease! Learn a unique five-step workflow using the Relay app that allows you to gather highlights from different sources like books and podcasts, and turn them into captivating content for your social media profiles. Key insights include integrating Read Wise for organizing your highlights, utilizing the Snipped app for podcast snippets, and executing a manual approval process to maintain your voice. This video guides you through automating your content creation while ensuring quality and personalization like never before.
Multiple Map Markers On Google Maps Using Geographic Data
In this Bubble.io tutorial video we demonstrate how the Google Map element in Bubble can display multiple markers at once.
How to Build an NFT Marketplace Login with Figma & Bubble.io
In this Bubble.io tutorial video we demonstrate how and why you might choose to manually convert a Figma template into Bubble. This video explains padding, margins and explains the basics of CSS to help you get started.