Responsive Engine
Discover how Bubble.io's Responsive Engine empowers solopreneurs to create adaptable no code SaaS applications that look great on any device, enhancing user experience and expanding market reach without the need for complex coding.

Bubble's New Responsive Design Engine: an Introduction
In this Bubble.io tutorial video we give an introduction to the new Responsive Engine page builder.

Bubble's Responsive Design vs its New Responsive Design Engine
In this Bubble.io tutorial video we discuss the differences between the old UI Builder and the new Bubble Responsive Engine that launched in June 2022.

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.

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.

How to create a responsive header and dropdown menu bar
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.

How to create a responsive header and mobile menu in Bubble
In this Bubble tutorial video we demonstrate how to create a responsive header and mobile menu with the Bubble new responsive engine.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

Bubble.io Date filter: Today
Learn how to efficiently filter a list of items in a Bubble.io database to showcase events happening today with this helpful guide for no-code enthusiasts.

Empathic AI - AI Demo with Hume.ai
Experience the future of AI with empathetic technology like Hume.ai that can understand and respond to human emotions. Imagine the possibilities of integrating such advanced AI technology into your Bubble.io or no-code application for a more personalized user experience.

Bubble.io Magic Links Update: Unlocking Simplicity!
Give your Bubble app's Magic Links and update with this quick no code improvement. Simplify email confirmations and reduce friction for your users with this step-by-step tutorial on implementing magic links in your Bubble.io app.

Wish Canva had an API Try templated.io
Discover how to transform your design process with intuitive tools and integrations! This video explores the exciting world of Canva and its current limitations regarding API access. Learn about the challenges users face while trying to automate their design workflows and discover how different tools can bridge the gaps. You’ll gain insights into working smarter with templates, the potential for future developments in design technology, and alternative solutions that can enhance efficiency.

GPT-4 Chatbot with Bubble - OpenAI chat and text generation
Here is every step needed to create an OpenAI GPT-4 powered chatbot using Bubble the no-code web app development platform. Discover how to use the Bubble API Connector to connect directly to the OpenAI API, how to interpret the OpenAI API documenation and format your messages using the JSON-safe modifier. Watch this video and save yourself hours of API errors.

How to Split OpenAI response
In this Bubble tutorial we'll demonstrate how to split text generated by OpenAI / ChatGPT into multiple cells in a Repeating Group. Using the Air Copy To Clipboard plugin by Zeroqode we'll explain how to copy a single cell's content from a repeating group to the user's clipboard.