Design
Unlock the power of visual creation with Bubble.io's Design features, empowering solopreneurs to craft stunning no code SaaS applications without coding skills and bring their entrepreneurial visions to life.
100% Height Full Screen in Bubble.io
In this Bubble tutorial we demonstrate how you can use a few lines of CSS to force pages in your Bubble app to be height responsive, 100% height, 100% viewport.
2 Ways to Bubble CSV Upload
In this Bubble.io tutorial we'll show you two ways you can upload and import CSV data into your Bubble app.
3 ways to add data to a Repeating Group
Get started with our 3 ways to add data to a repeating group Bubble tutorial. We demonstrate how to make sure that your repeating group is populated with data when the page loads, how to change this data with a workflow and how to update the repeating group list using a conditional statement and custom state.
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.
5 performance tips for structuring your Bubble app
Learn how to structure your Bubble.io app for optimal performance and usability with these 5 tips.
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.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
How to build a chat app with Bubble.io Part 1
In this Bubble tutorial we explain how to build a chat app with Bubble between your Bubble app users. This first video in a 3 part series sets the foundation for adding user chat to your Bubble app by examining the UI, data structure and privacy rules you need for live chat between users.
Chat app with AI predictive & suggested text with OpenAI
In this Bubble tutorial we demonstrate how to use AI to generate reply suggestions adding a feeling of autocomplete to your Bubble app. We use the OpenAI API to generate chat messages replies in our ChatGPT clone.
Alternative to Calendly, why I use SavvyCal
Discover why Savvycal, with its sleek and inviting week view calendar and robust features like integrations with Google, Exchange, and iCloud, as well as payment processing and team features, is the preferred choice over Calendly for scheduling and appointment needs in the world of no-code.
How to send 1 database entry to a new page
In this Bubble tutorial we'll demonstrate how to take one entry in your Bubble database from a list of entries and link through to a page all about that one entry. Very useful if you are building a nocode marketplace with Bubble.
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.
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.