What is Brick Design used for?

Brick Design is a free, MIT-licensed, React-based low-code page editor that supports both flow and free drag-and-drop layouts with real-time rendering and alignment guides. It is a good fit for visual page building for marketing sites and low-code tooling for internal page editors.

Is Brick Design open source?

Yes. Brick Design is open source under the MIT licence. Its source code is on GitHub at brick-design/brick-design and is written mainly in TypeScript.

Is Brick Design free?

Yes. Brick Design is open source, so the software itself is free to use.

Can I self-host Brick Design?

Yes. Brick Design can be self-hosted on your own server or infrastructure.

What is Brick Design an alternative to?

Brick Design is an open-source alternative to WeWeb. Other open-source alternatives to WeWeb include NetEase Tango and Noodl.

Is Brick Design actively maintained?

The most recent commit to Brick Design was on 30 October 2023, and the latest release is v1.0.1, published on 27 May 2020. The project has 5.1k stars on GitHub.

Brick Design: open-source alternative to WeWeb

About Brick Design

Brick Design is a low-code visual page editor built with React and TypeScript. It is aimed at frontend developers who want to let less technical users assemble web pages visually, supporting both flowing document layouts and freeform, absolutely positioned drag-and-drop composition in the same canvas.

It offers drag-and-drop editing with arbitrary nesting, real-time rendering as changes are made, visual alignment guides, automatic snapping, live spacing indicators between components, real-time drag reordering, and state-domain management. Visual configuration covers both component properties and styles, with support for multi-device preview, logic-driven rendering, template string variables, expressions and custom methods and states.

The project documentation notes a new version is under active development, and the README is written primarily in Chinese with keyboard shortcuts for zooming, undo and redo and canvas panning. It is written in TypeScript and React and released under the MIT license.

Key features

Flow and free drag-and-drop layouts
Real-time rendering with alignment guides
Automatic component snapping
Visual property and style configuration
Multi-device layout preview
Custom methods, states and expressions

Good fit for

→Visual page building for marketing sites
→Low-code tooling for internal page editors

Built with: TypeScript; React
Tags: low-code; page-builder; drag-and-drop; react; typescript; web-editor; no-code

Brick Design: questions and answers

What is Brick Design used for?: Brick Design is a free, MIT-licensed, React-based low-code page editor that supports both flow and free drag-and-drop layouts with real-time rendering and alignment guides. It is a good fit for visual page building for marketing sites and low-code tooling for internal page editors.
Is Brick Design open source?: Yes. Brick Design is open source under the MIT licence. Its source code is on GitHub at brick-design/brick-design and is written mainly in TypeScript.
Is Brick Design free?: Yes. Brick Design is open source, so the software itself is free to use.
Can I self-host Brick Design?: Yes. Brick Design can be self-hosted on your own server or infrastructure.
What is Brick Design an alternative to?: Brick Design is an open-source alternative to WeWeb. Other open-source alternatives to WeWeb include NetEase Tango and Noodl.
Is Brick Design actively maintained?: The most recent commit to Brick Design was on 30 October 2023, and the latest release is v1.0.1, published on 27 May 2020. The project has 5.1k stars on GitHub.