Font Awesome
Enhance your no-code SaaS with Font Awesome icons in Bubble.io, empowering solopreneurs to create visually stunning apps without coding skills.

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.

How To Make a Custom Designed Tickbox in Bubble
In this Bubble.io tutorial video we show how to add custom tickboxes / checkboxes to your Bubble app.

How to add Font Awesome icons to sidebar in Bubble
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.

How to update Font Awesome to V6
The Bubble.io icon library is stuck with Font Awesome version 4 because V4 is not backwards compatibility with Font Awesome's most recent release version 6. In this Bubble tutorial video we demonstrate a work around that'll help you import the latest Font Awesome icons into Bubble.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

AI Images with Bubble.io using OpenAI DALL-E 3
In this Bubble tutorial we demonstrate how to use the OpenAI DALL-E 3 API to generate AI images in your Bubble app.

Bubble.io Beginners - How to edit a database entry
In this Bubble beginner tutorial we explain how to use a popup and form to make changes to an entry in your Bubble.io database.

Protect Your Bubble.io Data with READ and WRITE Permission Control!
Learn how to implement robust security measures in your Bubble.io web applications! In this comprehensive tutorial, we dive deep into two crucial aspects of app security: privacy rules for protecting data access and UI-based restrictions for controlling user actions. Discover how to prevent unauthorized data access by implementing custom privacy rules, and learn the proper way to restrict specific features based on user roles using both UI elements and workflow conditions.

Let’s Build a No Code Invoice Web App - Part 2
Learn how to create an invoicing app with no code using Bubble.io in this tutorial. Discover the power of no-code app development and streamline your invoicing process effortlessly.

How to “join with” a line break
In this Bubble tutorial, you'll learn how to use the "join with" text modifier to change how a list of text items is expressed in your Bubble app.

Creating a hero section for your web app page in Bubble.io
In this Bubble.io tutorial we demonstrate how to create a 2 column hero section using the new Bubble responsive engine. This tutorial video includes how to create a layout that has 2 columns with the text and image element.