Buttons
Discover how Bubble.io's versatile Buttons feature empowers solopreneurs to create interactive and user-friendly no code SaaS applications, enabling seamless navigation and action triggers without writing a single line of code.

AI Image Generation in Bubble with DALL-E 2 OpenAI API
In this Bubble tutorial video we demonstrate how to generate AI images within your Bubble app using the DALL-E 2 API (Public Beta) from OpenAI. We take you through every step from interpreting the DALL-E 2 API documentations, to setting up the Bubble API Connector.

Beginners Guide to Bubble.io Workflows
In this Bubble tutorial we provide a beginners guide to Workflows in Bubble.io including how to use a form to create new entries in the Bubble database and how to link these entries together in database relationships. We also explain at the end how to control the order of operations in Bubble.

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.

Bubble with Speech to Text using AssemblyAI - Part 2
In part 2 of the AssemblyAI and Bubble.io tutorial series we explore how to use webhooks to inform your Bubble app when a transcript has been completed.

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

Build a ChatGPT clone in 30 mins with Bubble.io
Build a ChatGPT clone with no code web app building platform, Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how to connect with the OpenAI API and how to correctly format your messages for historical message awareness with your AI conversations.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Using JSON-safe with Bubble.io and the OpenAI API
This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.

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.

Introduction to using columns & rows in Bubble.io
In this Bubble.io tutorial we demonstrate the importance of using columns and rows (instead of Fixed layout) in the new Bubble Responsive engine. If you're a Bubble beginner this is a great video to start with as understanding these key concepts will save you lots of time as you build more pages into your no-code web app.

Creating custom toggles using custom states in Bubble.io
In this Bubble tutorial we demonstrates how to create your own custom toggles using Groups, Repeating Groups, Option Sets and Custom States.

Responsive Engine: adding overlay icon in text Input V2
In this Bubble tutorial video we explore one way to adding a Font Awesome icon to your text Input fields.

Figma Themes & UI Kits - Where To Find Design Inspiration
In this Bubble.io tutorial video we share some of the top places to look for design inspiration, UI kits and themes for your Bubble app.