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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a26e7d6235582eac9a5_NsdtXXzNsQ-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a28f020724bcc38c405_rFW87r7jz7k-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1633abeda05b51a304_thumbnail_a6759fc1.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a310a5127fe50ee2f1c_CloudsConvert_maxresdefault-1663845612.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1a53b7aa6f742e0ee8_5.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4586bc17004d25c0b2_2.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a85a11500922c93803c_openai-text-to-speech.png)
How to add OpenAI Text to Speech to your Bubble app
In this Bubble.io tutorial we demonstrate how to convert text to speech in your Bubble app using the OpenAI Text-to-Speech API including how to autoplay the speech as soon as OpenAI returns the MP3 file.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666994bfe02019bb35f0b035_Which-is-better-OpenAI-vs-Claude-3-An-Introduction-2.png)
Is Claude 3 better than OpenAI GPT-4?
Discover the power of Anthropic's Claude 3 models for building AI integrated no-code apps using Bubble.io. Explore how the latest AI models like Claude 3 Haiku can outperform even GPT 4, revolutionizing the landscape of app development.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670ac03940f852e16c3c80_5.png)
Bubble.io Date Filter: Last Month
Learn how to filter a list of dates to only show entries from last month in your Bubble.io app with this tutorial.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a74e7d6235582eafbe4_Hide-Calendar-Time.png)
How to hide time from the Bubble calendar
In this Bubble tutorial we demonstrate how to remove the time stamp from calendar events in the month view using just a few lines of CSS.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a61d7573d3273a0d3b9_Build-a-Twitter-Clone.png)
Build a Twitter clone with nocode in 20 minutes
In this Bubble tutorial we demonstrate how easy it is to create a Twitter clone with Bubble.io in under 20 minutes.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a84dd2b3dec9b30b04c_OpenAI-Temperature.png)
How to change OpenAI temperature with Bubble API Connector
In this Bubble tutorial we explain how to add extra parameters to your OpenAI call such as temperature.