# brick-design/brick-design

低代码框架，支持流式布局与自由布局拖拽编排，可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理，可视化属性配置、可视化样式配置、多设备适配展示，支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态

Repository: https://github.com/brick-design/brick-design
Canonical: https://ross.abutalabs.com/products/brick-design
Homepage: https://brick-design.github.io/brick-design
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, typescript, web-design, page-editor, drag-and-drop, web-builder, site-generator, site-builder, html-builder, nocode, lowcode, web-editor, page-builder, no-code, low-code, h5-editor
Last push: 2023-10-30T03:20:32+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2390, "days_push": 1038, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5146, forks 770 (observed 2026-08-28T04:09:11.311893+00:00)

## What it is
Brick Design is a low-code visual page-building framework built with React and TypeScript. It supports drag-and-drop editing with both flow and free layouts, real-time rendering, alignment guides, snapping, nested component composition, visual property/style configuration, multi-device preview, and logic rendering with expressions, template variables, and custom methods.

## Use cases
- build web pages with a drag-and-drop visual editor
- create a low-code page builder for a React app
- design H5 mobile pages without writing code
- embed a visual page editor with free layout and snapping
- let non-developers assemble UI pages visually
- build a no-code website builder with real-time preview

## When to choose
- you need an embeddable React-based visual page editor with free/flow layout support
- you want alignment guides, snapping, and real-time component spacing during drag-and-drop
- you need visual property and style configuration with expression and custom logic support
- you want a MIT-licensed low-code framework you can customize

## When to avoid
- you need a production-ready, actively maintained low-code platform - a new version is still in development and releases stopped in 2023
- you want a turnkey hosted website builder rather than a framework to integrate
- your stack is not React/TypeScript
- you need extensive documentation or community support - the README is sparse

## Facets
- artifact type: framework
- maturity: maintenance
- function: frontend-framework, ui-components, state-management, templating
- domain: web-development, frontend, web-design
- platform: browser
- tags: low-code, no-code, drag-and-drop, page-builder, visual-editor, web-builder, h5-editor, react, web, typescript

## Member repositories
- brick-design/brick-design (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:11.311893+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:01:57.526991+00:00, confidence not recorded.
  - readme: https://github.com/brick-design/brick-design (fetched 2026-08-28T04:09:11.311893+00:00, sha defd7cb437dc)
  - homepage: https://brick-design.github.io/brick-design (fetched 2026-08-29T08:56:31.425179+00:00, sha edeb7de6bd5e)
- Data as of 2026-08-30T08:39:29.467469+00:00.