Limited Time Offer: Watch All Our Bubble Tutorial Videos for Only $99 per Year!

UI design

Search

Building a Custom Dropdowns in Bubble

Learn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
Premium

Text preview: how to insert '...' after long text

Learn how to effectively manage long blocks of text in your Bubble.io project, ensuring they maintain a set height and display only a designated number of lines - all without writing a single line of code.
Premium

OpenAI Rich Text Formatting

Learn how to add rich text formatting to your OpenAI API and ChatGPT messages in your Bubble.io app using BBcode or HTML.
Premium

Better Radio Buttons in Bubble.io

In this engaging Bubble tutorial video, you will learn how to enhance the appearance of your forms in Bubble by having better radio boxes or better toggles.
Premium

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.

Better checkboxes and toggles

In this Bubble tutorial video we demonstrate how you can quickly improve the look of checkboxes in your Bubble app by adding an Ionic Toggle.

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.

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.

OpenAI Loading Animation - Using Lottiefiles

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 Lottie animation from Lottiefiles.
Premium

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.
Premium

Should I use margins or padding?

Should I use margins or should I use padding? In this Bubble tutorial, I'm going to give a few examples because this is a common theme that I see in the Bubble coaching that we run at Planet No Code, where we do one to one sessions helping Bubble creators just like yourself, develop and overcome issues that they've got with their Bubble apps. And we experience this quite a lot with, I say, clunky layouts.

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.
menu