Custom CSS
Unlock the power of Custom CSS in Bubble.io to elevate your no code SaaS app's design and functionality, giving solopreneurs the ability to create unique, professional-looking interfaces without coding expertise.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a75cd6966af009260ee_Custom-CSS.png)
How to add custom CSS to Bubble.io
Bubble is a fantastic no-code development platform. But sometimes you need a little code like CSS to perfect the design of your Bubble app. In this Bubble tutorial video we demonstrate 2 ways you can add custom CSS to your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666990fdcea912d17a577fca_CSS-Animation.png)
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.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1610c76a1e2a71ed71_thumbnail_ef01303f.png)
Creating a signup & login widget with a dropdown menu
In this Bubble.io tutorial we demonstrate how to create a dropdown login and registration menu using the Group Focus element in our Bubble app's header.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4e14d35c990d3b901c_Detecting-User-Country-with-IP-Address-Geolocation-in-Bubble.io_.png)
Detecting User Country with IP Address Geolocation in Bubble.io
Knowing your user's country is crucial for providing personalized experiences, and that's where the IP Geolocation comes in.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a714ffaf080bc9b7b43_Lemon-Squeezy-Subscriptions-1.png)
Add Subscriptions to your Bubble app with Lemon Squeezy
In just 5 minutes you can simple add a subscription checkout to your Bubble app using Lemon Squeezy. This Bubble tutorial video explores how to add Lemon Squeezy to Bubble and using webhooks to track orders.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa7c3535834fcea0995_Thumbnails-by-Emily-1.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2d527779dc7320c1ce_CloudsConvert_maxresdefault-1662743577.jpeg)
How to Use Search Element to Display Single Map Marker On Google Maps
In this Bubble.io tutorial video we show how to link a Search field with a Google Maps instance. This video demonstrates and explains the need to store address data as Geographic field data in order to provide the necessary integration with the Google Maps API.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ab746de913909d8b505_Lets-Build-a-No-Code-Invoice-Web-App-Part-1-4-2.png)
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.