Poor code output of famous WP builders / block plugins - Wall of Shame!

Hi,

A friend was interested in Bricks and we were talking. He shown me Kadence and Generatepress Blocks. I was terrified to see their code output. Why cannot they have quality code output like Bricks? I don’t think we can again use such tools after using Bricks. Take a look at the horror show and feel free to add output of your other known builders / block plugin.

  1. Kadence Blocks:

Output for two buttons stacked beside each other.

unknown

Link to the page: Cleaning – Just another Starter Templates Sites site

1 Like

Maybe we should be thankful for that, otherwise @thomas might not even have had the idea to develop Bricksbuilder. :sweat_smile: :grin:

1 Like

True. Bricks started a trend. After that only Cwicly & Greenshift had sane code output apart from the Gutenberg limitations of classes and wrapping repeater items. I hope rest will try to adapt.

Below is Webflow + Utility Framework output

This is Bricks + Automatic.css

Posted by @crsmoore on acss forum. What a striking difference!

1 Like

That was insanse…such a long numbers in a single div.

You don’t want to see Elementor :joy::joy::rofl::rofl: divception show :joy::joy:

1 Like

@cristianuibar Haha! Ele is famous for divception. So I didn’t add it in the list but you can show us. I also tried more newer gen builders and block plugins. I consider Ele as a legacy builder and something which must die eventually.

Seen that before…one heading element covered by many DIVs lol…

Elementor:

A similar page header in Bricks:

1 Like

Something missing from this is the context.

The reason this has a lot of divs, isn’t related to Webflow (which has the cleanest dom out there - you don’t even need IDs).

It’s because the client- first system uses a structure for the layouts so clients can edit things and understand things more clearly. It’s less about dom output, which can be made lean in WF, and is more about giving clients the ability to scan things and see things easier.

Example: spacing blocks (div with padding inside) is used in place of margins so clients can see the margin easier.

1 Like

@Deanphillips

My share – for the record – was taken from it’s original context and shared above, without my knowledge (I only randomly found it here).

My original share was in the context of using Webflow with a popular CSS framework (Client-First/Relume Library), and comparing it to Bricks + AutomaticCSS.

In THAT context, the issues are undeniable.

Also, there are a number of challenges with the current class system in Webflow, which the wishlist here makes apparent:

It’s still an amazing and incredible platform though. No doubt.

1 Like

I have not tried Webflow nor it’s competitor versoly. But this looks interesting. Webflow Wishlist (versoly.com)