Design

Learn about web design with Bubble.io and how to work with the new responsive engine.

How to record audio & convert to text - OpenAI Whisper

How to record audio & convert to text - OpenAI Whisper API

In this Bubble tutorial we demonstrate how to use OpenAI Whisper with the Audio Recorder & Vizualiser to record someone's speech and convert it into text or a transcript with Whisper. Get started with the Bubble API Connector and Whisper API here.

Creating a Chatbot experience using Bubble & ChatGPT API

Creating a Chatbot experience using Bubble & ChatGPT API

In this Bubble tutorial we demonstrate how to use the ChatGPT API to create an AI chatbot like experience in your Bubble app. We dive right the deep end of the Bubble API Connector, we have getting started videos for the OpenAI API on our channel already. This video shows one way to approach the challenge of formating the message history correctly in JSON so that your chatbot is aware of the message history and respond accordingly.

Bubble button element guide

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.

Explain like I am 5 AI text generator built with Bubble.io

Explain like I am 5 AI text generator built with Bubble.io using OpenAI

In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation to create a tool that takes text and then explains the content of the text in the language a 5 year old would understand. 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.

How to add keyboard navigation to a table in Bubble

How to use keyboard shortcut navigation with a table in Bubble

In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.

How to create a drag and drop gallery in Bubble

In this Bubble.io tutorial video we demonstrate how to create a drag and drop gallery and multi-image uploader using the 'Drag & Drop Repeating Group' plugin by Minimum Studio. This can be a useful element for building a dating or social media app.

How to create drag and drop repeating groups in Bubble.io

How to create drag and drop repeating groups in Bubble.io

In this Bubble.io tutorial video we demonstrate how to add drag and drop to your Bubble app. We set up the plugin 'Drag & Drop Repeating Group' by Minimum Studio and show you the first steps needed for creating a kanban board or task manager in Bubble.

3 ways to edit calendar events in Bubble.io

3 ways to edit calendar events in Bubble.io

In this Bubble.io tutorial video we demonstrate 3 ways you can edit events in Bubble. How to enable modification through dragging, how to enable modification through resizing and how to enable modification using a pop up.

Add a calendar to a Bubble.io app

Add a calendar to a Bubble.io app

In this Bubble.io tutorial video we show how to add a calendar to your Bubble app. We demonstrate how to create a data type for Events and display these events in Full Calendar by Bubble.

Video Thumbnail: How to save Current User's Country Code in Bubble.io Part 1 | Bubble.io Tutorials

How to save User's country code in Bubble Part 1

In this Bubble.io tutorial video we demonstrate how to use the IP Geolocation plugin by Zeroqode to save a user's country code to the database in the correct format to use with the Page2API web scraper.

1 2 3 7

Start building a web app today

Join our community of no-code app builders. Learn Bubble from our Bubble tutorial library and schedule 1 to 1 calls with our Bubble experts.
Get started free
Bubble app builders creating their no-code Bubble apps with Bubble coaching
menu