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.

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

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.

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.

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.

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

Custom Dropdown with Search
Let's add a custom search to our custom dropdown in Bubble.io

Creating Calendar Events - AddEvent 3
Learn how to create events in your Bubble.io app using the no-code platform's API connector and the AddEvent API. By following the step-by-step process, you can easily integrate event creation and management functionality into your app, including features like reminders that can't be built using default calendar plugins in Bubble.io.

How to import a Figma design into Bubble step by step guide
In this Bubble.io tutorial video we demonstrate how to work with Figma and Bubble.io and the new responsive engine.

Bubble pirate translator with OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.

AI Web Scraping Product Hunt
In this Bubble tutorial we explore how to use Browserbear AI web scraping to web scrape the Product Hunt homepage.

Bubble.io Date filter: This Month
Learn how to filter dates by this month in Bubble.io with this tutorial.