Bubble's New Responsive Editor Launches

Bubble's new Responsive experience brings the modern web design principles of CSS flexbox to our robust online editor.

Emmanuel Straschnov
June 27, 2022 • 3 minute read
Bubble's New Responsive Editor Launches

We’re excited to announce that Bubble’s new Responsive editor is now officially LIVE for wide release! This means that all new apps created will be using the new Responsive rules, editor controls, and features, starting today.

With this launch, Bubble’s robust online editor is polished with CSS flexbox design principles. The new Responsive editor lets you create almost any web app you can imagine—now with the added framework of modern web design. This feature is now the default on every plan, free and paid, so ALL Bubble users can create powerful apps with the new tools in the editor.

Features of the new Responsive editor include:

  • margins
  • padding
  • gap controls
  • easy alignment to row, column, and parent containers
  • and more!

Share your reactions with us on socials and join us for the inaugural livestream event where we'll be showing you the exciting new features, demoing live, and chatting with the team that built it all.

After seven months in open beta, with over 27,000 apps already upgraded to new Responsive, we are thrilled to hear the overwhelmingly positive feedback from the community about the feature.

Here are some of our favorite reactions:

"Man I love the new @bubble responsive engine. That's the tweet."
“Friends don’t let friends use the old @bubble responsive engine”
"The new responsive engine (flexbox) really elevates @bubble to the next level. The amount of time it would have taken to build @No_Coded last year would have been at least 3x what it took with flexbox."

If you are new to building no-code apps, getting started is as easy as signing up and creating a new app!

Remember, if you have existing apps on Bubble, your apps have not changed. Because the new Responsive experience represents a fundamental overhaul to how you’ll be building responsive web apps, you’ll be able to choose when you want to upgrade your app to the new Responsive engine and rebuild your pages.

Rows

To learn how to upgrade your individual pages to new Responsive:

Columns

About Bubble

Bubble is one of the most powerful no-code platforms, offering people the ability to build custom, dynamic, complex web applications, rather than basic, static templated websites offered by Squarespace or Wix. With Bubble, you can build apps like the next Airbnb, Uber, Facebook, or Twitter, without writing a single line of code or hiring any engineers.

Bubble has over 2 million users building apps, tech startups, and tech-enabled businesses. Since 2012, Bubble has offered powerful controls to designing web apps that lets non-technical founders and startups build apps faster and more affordably.

Start building for free

Build for as long as you want on the Free plan. Only upgrade when you're ready to launch.

Join Bubble

LATEST STORIES

October Demos and AMA: Agent 2, Building with Claude, and Importing Vibe-Coded Apps

October Demos and AMA: Agent 2, Building with Claude, and Importing Vibe-Coded Apps

At Bubble’s October AMA, Emmanuel Straschnov demoed Agent 2, the Bubble MCP (beta), and app import, then took questions and shared Launch Lab’s winners.

Emmanuel Straschnov
October 26, 2026 • 10 minute read
A check, lock, and warning logo in diamonds on a blue background

How We Responded to This Week’s Node.js and PHP Vulnerabilities

On October 21, Node.js and PHP disclosed security vulnerabilities. Here’s how the team responded to make sure your apps were safe and secure.

Bubble
October 23, 2026 • 2 minute read
Best App for Inventory Management: 7 Options by Business Type

Best App for Inventory Management: 7 Options by Business Type

Compare seven types of inventory apps matched to how your business runs. You'll also learn which features and free-plan limits matter, and when building your own inventory app makes more sense than buying one.

Bubble
October 22, 2026 • 10 minute read
Illustration of a website shown on desktop and mobile side by side, with matching layout and buttons on both.

How to Make a Mobile-Friendly Website: 6 Steps to Get it Right

Learn how to make a mobile-friendly website that’s easy to read and use on phones and tablets, and how to test it on the devices your visitors use.

Bubble
October 22, 2026 • 10 minute read

How We Responded to This Week’s Node.js and PHP Vulnerabilities

October 23, 2026 • 2 minute read

The Business of Building 2026: What Separates Apps That Make Money

September 08, 2026 • 4 minute read

Introducing New Native Mobile Capabilities for the Bubble AI Agent (+ More)

August 04, 2026 • 4 minute read

Launch Lab Helps Bubble Founders Reach New Audiences

March 06, 2026 • 9 minute read

Build the next big thing with Bubble

Start building for free