Container layout
Discover how Container Layout in Bubble.io empowers solopreneurs to create visually stunning no-code SaaS applications, allowing for precise control over element positioning and responsive design without writing a single line of code.
No items found.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Tracking, counting & limiting user actions when using Bubble with ChatGPT or OpenAI
In this Bubble tutorial we demonstrate how to track how many times a user runs a workflow and then how to limit the number of times a user can run that workflow each month. This will be very useful to anyone building an app using a costly third party API such as OpenAI & ChatGPT.

Build No Code Meeting Bots with Recall.ai
Make your own customizable meeting bot application using Bubble.io, a powerful no-code web application platform. By integrating with third-party APIs like Recall.ai, you can unlock the potential to automate transcriptions, analysis, and more for your virtual meetings.

Repeating Groups Advanced Filter - AND Filters, Option Sets, Custom States
In this Bubble tutorial we demonstrate how to filter a list of products on an ecommerce website using custom states and option sets. Creating AND filters with Option Sets is not easy in Bubble but we demonstrate a nocode approach that works.

Dynamic icons with Option Sets
In this Bubble.io tutorial we demonstrate how to use add Font Awesome icons to an Option Set and how to express a colour hex code within an Option Set.

Bubble & OpenAI - Send only recent messages
In this Bubble tutorial we demonstrate how you can lower your OpenAI token spend by just sending the most recent messages to the OpenAI API. This method will ensure your message still has some awareness of previous messages without sending the oldest messages.

How to transcribe an audio file - Whisper API by OpenAI
In this Bubble tutorial we explain how to set up the Whisper API Speech to Text tool by OpenAI with your Bubble app. This will get you started creating an app that takes an audio recording of speech and transforms it into text.