Borders
Discover how Bubble.io's Borders feature empowers solopreneurs to create visually stunning no-code SaaS applications, allowing you to define element boundaries and enhance your app's design without writing a single line of code.

Creating custom toggles using custom states in Bubble.io
In this Bubble tutorial we demonstrates how to create your own custom toggles using Groups, Repeating Groups, Option Sets and Custom States.

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

Build a No Code SearchGPT with Bubble.io
Build a No Code SearchGPT with Bubble.io and unlock the power of AI-powered search for your no-code SaaS startup.

Adding a data to a dropdown
Learn how to allow users to dynamically add values to a drop-down in Bubble.io. This tutorial walks you through the steps, from setting up dynamic choices to creating a pop-up and workflow, enhancing user experience and database functionality.

OpenAI Loading Animation - Using CSS
In this Bubble tutorial we demonstrate how to improve your Bubble app's UX (user experience) by showing a loading animation while you wait for a response from the OpenAI API (ChatGPT). This tutorial uses a CSS animation from loading.io.
.png)
Bubble.io Magic Link Not Working: Here’s How to Fix It!
Discover an important security tip for implementing Magic Login Links in Bubble.io! In this eye-opening tutorial, I reveal a crucial security precaution that every Bubble.io developer needs to know when customizing Magic Login Link emails. Learn why placing Magic Login Link generation in frontend workflows can create security vulnerabilities, and how to properly implement them using backend workflows instead.

How to create a product, contact or booking page
In this Bubble.io tutorial we demonstrate how to start laying out a page to display dynamic content from a single entry in your Bubble database. This video explains this process using a marketplace as an example but it would be a very similar process if you were building a CRM in Bubble or a booking application in Bubble.

How to add live web search data to the OpenAI API
Learn how to harness the power of Bubble.io and the no-code movement to combine multiple APIs, including OpenAI, web scraping, and web search, to create a Chat GPT clone that can fetch live data from the web and provide accurate and up-to-date information on things to do in Paris in February 2024.