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.
Bubble Table Element - Row Hover Effect
In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily add a hover effect to the Table Element in your Bubble app.
Bubble Table Element: Quick Guide
In this Bubble tutorial we demonstrate Bubble.io's latest element. Bubble has finally added a table element to their web app designer. Here is our quick guide exploring the Bubble table element.
Bubble Time Zones Dropdown - Part 2
In this Bubble tutorial we demonstrate how to use the timezoneDB API to get a list of timezones and display this list in a dropdown for your Bubble app users and combine this with the Browser Timezone plugin to auto complete the timezone dropdown.
Bubble UI Tips - Better Profile Pictures
In this Bubble tutorial we demonstrate 3 UI tips for improving your no-code Bubble app all centered around Profile Pictures. We use the Alphabet Profile Images plugin to add a placeholder thumbnail for conacts/users without an uploaded image, we show how you can quickly add the Picture Uploader to upload a new profile image to a Contact/User and we use Imgix to Auto crop around the face of the profile picture.
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.
Bubble table element - Sort by column
Here's one way you can customize the Bubble Table element. In this Bubble tutorial video we'll demonstrate how to create click to sort column headers.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Build No Code Voice-Activated AI in Bubble.io - Integrate VAPI.ai and Save Chat Transcripts
Save transcripts from your AI voice assistant built with Bubble.io.
AI Powered Backend Workflows Made EASY with Bubble.io!
Learn how to implement AI processes in Bubble.io backend workflows while providing real-time feedback to your users! In this practical tutorial, we demonstrate how to create a seamless user experience when running potentially time-consuming AI operations using Claude. Discover how to set up loading indicators, manage custom states, and effectively bridge frontend and backend workflows in your Bubble.io application.
.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.
The Best Designed ChatGPT Clone in Bubble.io: Build It With No Code!
Learn how to build a ChatGPT Clone in your Bubble.io app using the powerful tools in the Nocodable Component Library! This in-depth tutorial walks you through creating a dynamic, real-time AI chat interface that mimics the engaging experience of ChatGPT.
Combining multiple AI prompts with UsePlumb.com
Streamline your AI-powered no-code app development process with Plumb's AI pipeline builder tool, making it easier to incorporate multiple AI features seamlessly into your Bubble.io app. With structured JSON outputs and efficient testing capabilities, Plumb is a game-changer for simplifying complex workflows.
Build your own CRM with Bubble.io NoCode - Part 1
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 Registration and Login page for your SaaS app users.