GrapJS开源项目整理

一、Builder.io

Git地址：https://github.com/BuilderIO/builder
Vue示例：https://github.com/BuilderIO/builder/tree/main/examples/vue/nuxt-2
能力分析：
 npm引入，适用vue
 框架有内置组件
 文件上传
 支持编辑后导出
已有组件：

1. tab栏
2. 内容类（文字、图片）
3. 布局类
   Vue+Nuxt
   Vue项目
   Vue组件集成方式import
   缺点：基础类组件，没有成型的建站样式模板、列表页等
   Nuxt.js

二、Tailblock

Git地址：https://github.com/mertJF/tailblocks
项目示例：https://tailblocks.cc/
能力分析：
 提供完整样式类组件模板
 不支持npm引入
 响应式布局
缺点是只有样式组件，功能较单一，集成样式组件时可供参考暂不考虑。

三、destack

Git地址：https://github.com/LiveDuo/destack
演示地址：https://destack-page.vercel.app/
能力分析：
 npm引入，适用React
 框架有内集成了Taiblocks的样式组件
 响应式布局
 内容修改
 文件上传
 表单提交api
 支持编辑后导出
typescript语法
React或Next.JS部署

四、gramateria

Git地址： https://github.com/ronaldaug/gramateria#gramateria—v106
演示地址：https://gramateria.netlify.app/
能力分析：
 npm引入
 框架有内置组件
 Bootstrap 5 响应式布局
 内容修改
 文件上传
 支持编辑后导出
已有组件：

1. 网站head
2. 多种列表页样式
3. 登录模块
4. 导航栏
5. 轮播组件
6. 图片、视频
   ElectronJS桌面应用
   Html+js
   组件集成方式和grapes类似