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
Bubble ChatGPT Clone: How to delete chat sessions
In this Bubble.io tutorial we expand on our previous Bubble.io ChatGPT Clone videos to show you how to delete a conversation and all messages included in that conversation.
How to create a responsive header and mobile menu in Bubble
In this Bubble tutorial video we demonstrate how to create a responsive header and mobile menu with the Bubble new responsive engine.
Add a logo to Postmark templates
Learn how to effortlessly integrate images into your emails using Bubble.io, making your email templates more engaging and professional with Postmark.
How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.
GPT-4 Chatbot with Bubble - OpenAI chat and text generation
Here is every step needed to create an OpenAI GPT-4 powered chatbot using Bubble the no-code web app development platform. Discover how to use the Bubble API Connector to connect directly to the OpenAI API, how to interpret the OpenAI API documenation and format your messages using the JSON-safe modifier. Watch this video and save yourself hours of API errors.
Unlock Thinking and Reasoning: Build an Al Genius Claude 3.7 NO CODE APP Minutes!
Learn how to build a powerful AI-powered thinking and reasoning app in Bubble.io using Claude 3.7 from Anthropic.