cdll / react-visual-editor

组件可视化拖拽,页面搭建,源码生成工具,自由拖拽嵌套,可实现任何真实开发中的复杂页面,所见即所得,可完美还原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

Home Page:https://brick-design.github.io/react-visual-editor/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

);

技术交流

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

https://brick-design.github.io/react-visual-editor/

License:MIT License


Languages

Language:TypeScript 83.2%Language:JavaScript 13.2%Language:CSS 3.2%Language:HTML 0.3%Language:Shell 0.0%