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 add Font Awesome icons to sidebar in Bubble
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
How to add Group Focus to Repeating Group cells
Bubble doesn't make it easy to add a Group Focus into a Repeating Group cell. Here's our workaround using a Reusable Element and icon.
How to add a YouTube video to your Bubble.io app using dynamic data
In this Bubble.io tutorial video we demonstrate how to add a YouTube video to your Bubble.io by storing the video ID in your database and filling in the Video element source with dynamic data.
How to add custom CSS to Bubble.io
Bubble is a fantastic no-code development platform. But sometimes you need a little code like CSS to perfect the design of your Bubble app. In this Bubble tutorial video we demonstrate 2 ways you can add custom CSS to your Bubble app.
How to add hover effect to a button in Bubble
In this Bubble.io tutorial video we demonstrate how to add hover effect to a button in Bubble.
How to add navigate a table with the arrow keys (Up Down Enter)
In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Debugging the Responsive engine & Privacy Rules in Bubble
In this video I help one of our members restructure a page using the Bubble new responsive engine and debug why a piece of text isn't showing up. Spoilers: the Bubble privacy rules need updating.
Generate version specific webhook URLs
In this Bubble.io tutorial, we dive into the intricate world of webhooks in data processing for your Bubble app. If you're using a third-party service like AssemblyAI, a high-performing speech-to-text API, this video is a must-watch. We address a common issue where the webhook works perfectly in the development version but fails in the live version - a problem that can be easily solved with the right approach.
No Code Video Conferencing App with WHEREBY - Part 2
In part two of our series, we explore using Bubble.io and the whereby embedded API to create a seamless no-code video conferencing app in record time. With step-by-step guidance and tips on authentication, creating meetings, and saving meeting data, this tutorial sets you up for success in building your own app.
Whereby website: https://whereby.com/information/embedded
CREATE AI Powered File Search App NO CODE REQUIRED WITH OpenAI
Discover how to leverage OpenAI's powerful file search capabilities in your Bubble.io no-code applications! In this comprehensive tutorial, we demonstrate how to implement OpenAI's new file search functionality using both the OpenAI playground and Bubble.io's platform. Learn how to create vector stores, upload and chunk files, and seamlessly integrate OpenAI's Responses API into your web applications. Perfect for no-code developers looking to add AI-powered document search to their projects!
Build LARGE Multi-Step Forms for Onboarding in Bubble FAST! - Part 1
Are you looking to supercharge your Bubble app's onboarding process with robust multi-step forms?
.jpg)
How to Create a User Registration Popup
In this Bubble.io tutorial video we explore how to use a Popover element in Bubble to register a new user.