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 Option Sets with country and phone numbers in Bubble.io
In this Bubble.io video tutorial we show how to use Option Sets in the Bubble editor to store and display phone numbers and country codes. We use an example of a basic CRM to demonstrate the power of Option Sets to storing multiple expressions of the same data and saving this to your user in your Bubble database.

What is GPT 4o
In the world of no-code AI app development, keeping up with the latest models like GPT-4o from OpenAI is crucial. With advancements like the ability to input a whopping 128k of context length, innovators using platforms like Bubble.io are able to push the limits of what's possible with AI-powered applications.

Demo of Return Data from Custom Events
Learn how to effectively create functions using Bubble.io's new feature called Return Data on custom events in this tutorial video. With reusable elements, you can easily deploy complex calculations and formulas across multiple pages in your app, simplifying your app development process.

How to display a user's name on a page
In this Bubble.io tutorial, we'll guide you through displaying a user's name on a page in your Bubble app.

How to Check User Timezone UTC Value In Bubble.io
In this Bubble.io tutorial video we demonstrate how to use a plugin to detect a User's UTC offset. We conclude by discussing some additional factors when working with timezones.

Convert search results into LLM friendly markdown
In this tutorial, learn how to convert web search results into clean, markdown-friendly data perfect for AI applications like competitor analysis. Utilizing the Reader API by Jina, we demonstrate how to seamlessly integrate this feature into your Bubble app using API connectors.