HTML
Unlock the power of HTML in your Bubble.io app to enhance your no-code SaaS and take your solopreneur journey to the next level, customizing your user interface and creating unique experiences without writing complex code.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a465cda3525d4517ffd_Bubble.io-Text-to-Speech-API-Part-2.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa553b7aa6f742e5fd8_Embedding-our-dynamic-AddEvent-Calendar-in-Bubble-AddEvent-2.png)
Embedding our dynamic AddEvent Calendar in Bubble - AddEvent 2
Learn how to embed a dynamic calendar into your Bubble.io app using the no-code platform AddEvent, allowing users to view their own personalized calendar. Customize and update the calendar code to ensure it displays the correct user's calendar.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a152ba45b387ef99b9f_thumbnail_1be810ab.png)
How to Create a Background Video In Bubble
In this Bubble.io tutorial video we demonstrate how to create a background video hero section using HTML that works on mobile.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2afe4b8fd45626dee0_RVnGs7fgtsw-HD.jpeg)
How to embed YouTube videos on Bubble.io using embed code
In this Bubble.io tutorial video we demonstrate how to embed a YouTube video in your Bubble app without using the built in video element. This tutorial uses the HTML / Custom code visual element.
![](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/66670a4ee1c5e0a04dcd56c1_How-to-Add-Tooltips-to-Your-Bubble.io-Web-App.png)
How to Add Tooltips to Your Bubble.io Web App
In this mini-tutorial, we'll teach you how to create and customize tooltips to guide your users and enhance their app experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5dbcc92941db6f8d10_ChatGPT-Alternative-1.png)
Alternative to OpenAI ChatGPT - Claude 2
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666996d72b349562f688b66c_Building-a-Custom-Dropdowns-in-Bubble.png)
Building a Custom Dropdowns in Bubble
Learn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a39bfe6bca9d1a057de_Bubble-button-element-guide.png)
Bubble button element guide
In this Bubble.io tutorial we demonstrate the basics for working with buttons in Bubble. Including adding hover effects to buttons and building custom buttons with icons using groups.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a16bfd16c4e12ec214c_woq8iZeTjqc-HD.jpeg)
Create shop filter using Custom States & Option Sets
In this Bubble.io tutorial video we demonstrate how you can filter your products on a shop product page in Bubble.io. We'll be using Custom States and Option Sets to create this essential feature if you're building an ecommerce store with the Bubble app builder.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a86d4e7daa1a3c688f4_OpenAI-JSON.png)
OpenAI & JSON Mode
In this Bubble tutorial we demonstrate how to use the new OpenAI JSON mode. Any Bubble app creator using OpenAI in their Bubble app will benefit from this tutorial because JSON mod returns a much more reliably formatted message reply from OpenAI.