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.
Build your own nocode CRM with Bubble.io - Part 3
Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no-code CRM in Bubble.
Build your own nocode CRM with Bubble.io – Part 2
In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a dashboard layout with a floating/sticky sidebar.
Building a form in Bubble - Beginner’s guide
In this Bubble tutorial, we'll guide you through the process of creating a form in Bubble.io. You'll learn how to add design elements and create a functional form for your projects. We'll cover topics such as adding text elements, input fields, uploading images, and using plugins to enhance the user experience. Plus, we'll show you how to add a Toast notification for successful form submissions.
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.
ChatGPT Clone - how to format chat bubbles
In this Bubble tutorial, I'm going to demonstrate how we can add some design improvements to the ChatGPT clone that I was building in my previous video.
Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Stripe Subscription Tip 1 - Switching Dev & Live Plan IDs
In this Bubble tutorial we share a quick tip about switching from your Stripe Test Plan ID to your Stripe Live Plan ID.
How to limit app features to logged in users
In this Bubble tutorial we explore a number of different ways to limit UI elements and Workflows based on whether a user is logged in or logged out.
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.
Responsive web design & custom breakpoints
In this Bubble.io tutorial we demonstrate a new feature (November 2023) that provides a huge boost to responsive web design in Bubble.io
Creating a hero section for your web app page in Bubble.io
In this Bubble.io tutorial we demonstrate how to create a 2 column hero section using the new Bubble responsive engine. This tutorial video includes how to create a layout that has 2 columns with the text and image element.
How to show text and images from your database in Bubble
In this Bubble.io tutorial we demonstrate how to populate a page with dynamic text and image data from your database.