Skip to content

组件可视化拖拽,页面搭建,源码生成工具,自由拖拽嵌套,可实现任何真实开发中的复杂页面,所见即所得,可完美还原UI设计,多平台展示支持,项目于2020.2.22开源,喜欢的点颗星支持鼓励一下!visual drag and drop, free nesting, real-time preview of components, real-time tracking, WYSIWYG, perfect UI design restoration, source code Generated

License

Notifications You must be signed in to change notification settings

nzx824/react-visual-editor

 
 

Repository files navigation

Brick Design

build status npm version npm downloads codecov

SNAPSHOT

brickd1 brickd2 brickd3

描述

基于React组件之间原始约束设计,还原真实开发中组件编码过程,所见即所得。当前版本还在开发中,新功能持续更新.....欢迎关注!

📦 Install

yarn add brickd brickd-core bricks-web

OR

npm install brickd brickd-core bricks-web

Usage

import { LegoProvider } from 'brickd-core';
import {BrickDesign,BrickTree} from 'brickd';
import {BrickPreview} from 'bricks-web';
const App = () => (
  <LegoProvider config={{...}}>
<div>
    <BrickPreview/>
    <BrickDesign />
<BrickTree/>
</div>
  </LegoProvider>

);

example

yarn  install

npm run start:example

技术交流

LICENSE

MIT

About

组件可视化拖拽,页面搭建,源码生成工具,自由拖拽嵌套,可实现任何真实开发中的复杂页面,所见即所得,可完美还原UI设计,多平台展示支持,项目于2020.2.22开源,喜欢的点颗星支持鼓励一下!visual drag and drop, free nesting, real-time preview of components, real-time tracking, WYSIWYG, perfect UI design restoration, source code Generated

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 83.3%
  • JavaScript 13.2%
  • CSS 3.2%
  • Other 0.3%