#  craft-codeless-designer

**Repository Path**: leesj/craft-codeless-designer

## Basic Information

- **Project Name**:  craft-codeless-designer
- **Description**: 一款基于 React 和 Craft.js 的低代码/零代码页面设计器。 
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 30
- **Created**: 2022-03-06
- **Last Updated**: 2022-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img width="150" src="./src/assets/ccd.png">
</p>

<h1 align="center">CCD: Craft Codeless Designer</h1>

## 1.简介

Craft Codeless Designer 是一款可视化的低代码/零代码页面设计器，基于 craft.js 扩展而来。

## 2.用法

    clone this repo
    cd craft-codeless-designer
    yarn install
    npm start

## 3.优点

- 支持所有原生 HTML 标签
- 支持任意 React 组件，包括开源组件，无需对现有组件进行修改
- 支持 iframe 嵌入组件
- 支持 ECharts 图形拖拽布局
- 整个页面序列化成 JSON 数据，不生成代码
- Designer 自身也基于 React 编写
- Designer 可定制性高
- Designer 自身也是一个 React Component 可以随意嵌入到现有页面中

## 4.效果图

<img src="./src/assets/1.png">
<br/>
<br/>
<img src="./src/assets/2.png">
<br/>
<br/>
<img src="./src/assets/3.png">
<br/>
<br/>
<img src="./src/assets/4.png">
<br/>
<br/>
<img src="./src/assets/5.png">

## 5.主要依赖

- [craft.js](https://github.com/prevwong/craft.js)
- [Ant Design](https://ant.design)
- [React](https://reactjs.org/)

## 6.定制开发

联系我的 WX 号：lanxinshuma ，备注：codeless 。

## 7.License

[MIT licensed](./LICENSE).