https://github.com/brick-design/brick-design

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

drag-and-drop h5-editor html-builder low-code lowcode no-code nocode page-builder page-editor react site-builder site-generator typescript web-builder web-design web-editor

Last synced: about 10 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/brick-design/brick-design
• Owner: brick-design
• License: mit
• Created: 2020-02-16T15:12:36.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-30T03:20:32.000Z (about 1 year ago)
• Last Synced: 2024-12-04T22:06:45.475Z (7 days ago)
• Topics: drag-and-drop, h5-editor, html-builder, low-code, lowcode, no-code, nocode, page-builder, page-editor, react, site-builder, site-generator, typescript, web-builder, web-design, web-editor
• Language: TypeScript
• Homepage: https://brick-design.github.io/brick-design
• Size: 72.6 MB
• Stars: 5,108
• Watchers: 127
• Forks: 774
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• stars - brick-design/brick-design
• awesome-github-star - brick-design - design | 4871 | (TypeScript)
• awesome-list - brick-design
• awesome-nodejs - brick-design - 一个可视化页面搭建 example (Uncategorized / Uncategorized)
• StarryDivineSky - brick-design/brick-design

README

        
Brick Design


https://user-images.githubusercontent.com/15995127/206958247-d1867643-8706-4172-8a1c-8edeeecaa6b9.MP4

找工作、找工作、找工作 ,有合适岗位的望联系我，坐标北京，谢谢~~~

## 描述

新版本正在开发中》》》》》》》》》》

### 快捷键

>command/control+"+"    放大

>

>command/control+"-"    缩小

>

>command/control+U      全局查看与窗口查看切换

>

>command/control+z      撤销

>

>command/control+shift+z    回退

>

>command/control+D+触摸板    画板拖动与缩放

### run example

```

yarn  install

npm run  build:all

npm run start:example

```

### 技术交流 QQ群

 

## LICENSE

MIT