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.
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.
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.
How to create a slideshow in Bubble with a Repeating Group
In this Bubble tutorial we explain how to create a slideshow with a Repeating Group that uses a Next button and a Previous button. We conclude the video by demonstrating the workflow needed to make the slideshow automatically progress through the slides.
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.
How to customize buttons in Bubble.io and button UX tips
In this Bubble.io tutorial video we demonstrate how to customize button elements in the Bubble UI editor. We also discuss why using a hover effect can improve UX (user experience) for your app users.
How to customize the 'Updated' page banner
In this Bubble tutorial discover the latest techniques on how to revamp your "We Just Updated This Page" banner in your No-Code Bubble app. This video highlights an amazing, user-friendly plugin that offers customization of the updated banner, contributing to a unique and pleasant user experience. Learn how to master the details of your app, right down to the color and layout of your app notification.
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 use the Bubble.io debugger to find missing elements
In this Bubble.io tutorial we demonstrate how to use the Bubble Debugger bar to debug why an element is not visible when it should be. First we check the page element on the Bubble app page with the Inspect tool and element search, then we run our Workflow using Step by Step.
🤯 Write LIKE a PRO Using AI: Ghost Writing App Prompts Revealed
Discover how to build powerful AI ghost writing apps with Bubble.io using advanced writing style analysis! In this tutorial, we dive deep into the Copy Hacker's Voice Model - a game-changing framework that breaks down writing styles into six key dimensions: tone, cadence, vocabulary, grammar, structure, and persona/attitude.
.png)
How to add Google AI Gemini to Bubble.io
Discover the enormous potential and expand your app's capabilities with Gemini's unprecedented 1 million token context window! Imagine integrating up to 50 different sources, like PDFs and large text files, into your interactions seamlessly.
How To Protect A User's Data With Bubble Privacy Rules
In this Bubble.io tutorial video we give an introduction to the Bubble Data Privacy tab and demonstrate a simple solution that will fit most use cases. In this video we show how to only show database entries to the user who created them.
Let’s Build a No Code Invoice Web App - Part 2
Learn how to create an invoicing app with no code using Bubble.io in this tutorial. Discover the power of no-code app development and streamline your invoicing process effortlessly.
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.