React Bricks vs WebFlow

With WebFlow Content editors are forced to learn a new tool and then they can break the design.

WebFlow is a great tool for developers or tech-savvy people, helping them creating websites quickly without writing code. It is very powerful, so it has a complex interface which allows you to tweak every aspect of the page look and feel. This means that it has controls that maps in some way to the CSS styles and the box model, like padding, margins and so on.

We firmly believe that a content editor should not be forced to learn how CSS works and, really, they should not be able to change the design, possibly breaking the corporate image or design system.

With WebFlow, Content editors need to learn a new tool and, once they master it, they have the power to change the design: two things that we want to totally avoid.

React Bricks: easy to use, yet totally flexible

The React Bricks user interface is really easy to use: if your Content editors can use Word or Pages, they can use React Bricks. No need for training, promise.

The concept is easy: directly edit texts and images and reach out to sidebar controls to change what is not directly editable, like a background color, for example.

But the important thing is that you decide what is editable with the WYSISYG controls and which property you want to expose on the sidebar, choosing the type of sidebar control for every property (for example dropdown menu, radio buttons, range, etc.).

How? You have total flexibility because you (or your developers) write the code for each content block. A content block is just a React component, where you have the full power of React and the visual editing magic added by the React Bricks library.

So, in the JSX of your components you can add our WYSISYG visual components to let the user directly edit text and images (defining every aspect of the rich text features and render functions) and you can map the properties you need your users to change to sidebar controls.

For example, you need the editor to choose among two different background colors? Great! You just define a color control with the two available options: you will receive the control value on a prop of your React component, so that you'll be able to conditionally render!

Why React Bricks?

With React Bricks content editors have an easy to use interface where they can change only what they need to change, so that creating content is really fun.

Corporate can have their pixel-perfect corporate image. Designers know theirdesign system will not be broken.

Developers have the full power of code to define visually editable content blocks using React.

Everyone is happy!

And a happy team creates great content.