Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
Responsive Engine: adding overlay icon in text Input V2
In this Bubble tutorial video we explore one way to adding a Font Awesome icon to your text Input fields.
Responsive web design & custom breakpoints
In this Bubble.io tutorial we demonstrate a new feature (November 2023) that provides a huge boost to responsive web design in Bubble.io
Search across multiple fields in database with Fuzzy Search
In this Bubble.io tutorial video we demonstrate how using a Fuzzy Search plugin can enable you to expand search funciton beyond the built in Search Box. This tutorial explains how to use the 'ZQ Fuzzy Search & Autocomplete' plugin and how to create a search that searches across multiple fields in your database.
Search and Scrape Google Maps data with Serper.dev
In this Bubble tutorial we demonstrate how to scrape Google Maps data into your Bubble app using the Serper.dev API.
Should I use margins or padding?
Should I use margins or should I use padding? In this Bubble tutorial, I'm going to give a few examples because this is a common theme that I see in the Bubble coaching that we run at Planet No Code, where we do one to one sessions helping Bubble creators just like yourself, develop and overcome issues that they've got with their Bubble apps. And we experience this quite a lot with, I say, clunky layouts.
Styling Markdown Tables in Bubble.io
Learn how to easily style HTML tables in Bubble.io using simple CSS tweaks to enhance the look of your website - all without writing the code yourself.
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 use the Star Rating element in Bubble.io
In this Bubble.io tutorial video we demonstrate how to use the Star Rating visual element in Bubble. This video includes how to install the Star Rating plugin, display it on a page, store a rating value from a user in the database and retrieve that value when the page reloads.
Bubble UI Tips - Better Profile Pictures
In this Bubble tutorial we demonstrate 3 UI tips for improving your no-code Bubble app all centered around Profile Pictures. We use the Alphabet Profile Images plugin to add a placeholder thumbnail for conacts/users without an uploaded image, we show how you can quickly add the Picture Uploader to upload a new profile image to a Contact/User and we use Imgix to Auto crop around the face of the profile picture.
Bubble.io - Text to Speech API Part 2
In this Bubble tutorial we demonstrate how to create UI and workflows to integrate into the speechgen.io API. We build a simple text to speech app with Bubble.io
Dynamic icons with Option Sets
In this Bubble.io tutorial we demonstrate how to use add Font Awesome icons to an Option Set and how to express a colour hex code within an Option Set.
ADD Countdown Timer to Bubble.io in MINUTES!
Learn how to add an eye-catching animated countdown timer to your Bubble.io web application! In this tutorial, we'll show you step-by-step how to implement this engaging feature using a powerful countdown plugin. You'll discover how to create different animation effects like pulse, faded slide, and blur to make your countdown timer visually stunning and professional.
Let’s Build a No Code Invoice Web App - Part 4 (Email Invoices)
Learn how to enhance your no-code invoicing app by integrating Postmark for transactional emails in this comprehensive Bubble.io tutorial. Dive into setting up email templates, variables, and API connectors to create a seamless experience for sending invoices to your clients. Master the art of no-code development with this step-by-step guide.