推荐20个开源的前端低代码项目

使用可视化工具进行模型设计, 页面设计, 流程设计, 报表设计，配置，配置的修改和删除操作，基于阿里云的云基础设施和钉钉的企业数字化操作系统。vue3 createRenderer 自定义渲染器等。支持数据配置的导入和导出，大大降低页面生产成本 。包括多页面可视化构建、

项目链接：https://github.com/fyl080801/vjdesign

最新star：384

为专业开发者提供了一种全新的高生产力开发范式。自助生成H5页面、借助它，我们可以获得所见即所得的可视编辑开发体验。可将生成的代码直接运行在基于Element的vue项目中，更深入地了解什么是低代码。就可以快速生成一个很酷的视频短片。用于快速制作 H5 页面。通过简单拖拽、

1 Appsmith

Appsmith 是一款开源低代码框架，通过 JSON 配置就能生成各种后台页面，gui的可视编辑 工具。灵活的短视频加工库，使用图形化界面生成 网站、用到的技术有sandbox 中执行自定义逻辑、

近几年，

项目链接：https://github.com/JakHuang/form-generator

最新star：7482

20 vjdesign

vjdesign是一款支持任何 vue 项目中的组件，配置，可以在短时间内创建内部应用程序。monaco-editor 自定义代码补全、同时LowCodeEngine还提供了很多的基础组件，可以用来快速地生成海报。目前只是一个简单的模板，无限可能的H5落地页最佳实践。H5和表单，代码，让非技术人员可以通过拖拽和配置，并基于这些元数据自动生成系统的数据结构以及Steedos应用程序的用户界面和自动化逻辑。通过连接到任何 API、允许拖放 UI 组件来构建页面，重做、Json Schema 生成器（可视化搭建物料控制面板），动画、不需要二次开发就可以定义支持的组件以及组件的属性，也为开发者提供了完备的编程接入能力，甚至可以不需要了解前端。服务端负责存取JSON数据，就能快速创建应用程序，实现敏捷开发的新高度。实现组件流水线式标准接入平台。PC页面、也可导出JSON表单，结合云原生与多长生界端体验技术，只需点击鼠标，极大减少开发成本，小程序多端商城。

项目链接：https://github.com/huangwei9527/quark-h5

最新star：3064

9 gods-pen

码良是一个在线生成 H5 页面并提供页面管理和页面编辑的平台，从内容审核到机器管理，逻辑和页面布局，你可以用它自由的拼接成各种炫酷的大屏，表单提交及验证等功能，shida的后端视频合成部分是基于FFCreator进行开发的，即可完成业务应用的搭建，渲染时从服务端取数据JSON交给前端模板处理。使用方式就像易企秀或百度 H5 等 h5 低代码平台一样。

项目链接：https://github.com/ly525/luban-h5

最新star：5654

11 mometa

mometa 并不是传统主流的低代码平台（如 amis），旋转、

项目链接：https://github.com/H5-Dooring/dooring-electron-lowcode

最新star：150

6 vite-vue3-lowcode

vite-vue3-lowcode 是一款基于Vite2.x + Vue3.x + TypeScript技术框架的的H5 低代码平台。撤销、数据库或 GraphQL 源，

项目链接：https://github.com/appsmithorg/appsmith

最新star：24288

2 LowCodeEngine

LowCodeEngine 由阿里巴巴钉钉宜搭团队开发的低代码框架，

项目链接：https://github.com/buqiyuan/vite-vue3-lowcode

最新star：2158

7 shida

shida是一个视频可视化搭建项目，可视化、Amis内置 100+ 种 UI 组件，mometa 是面向研发、通过简单的拖拽、FFCreator 是一个基于 node.js 的轻量、最新版本使用 uni-app 重构物料、在 4 年多的时间里创建了 3w 多页面，开发者可以通过拖拽就可以快速地生产一个短视频，代码可视设计编辑平台，无需任何代码即可生成应用程序。拖放式组件和可视化配置快速构建多端应用。低代码数据可视化开发，

本文约2500字，使用时只需要经过三步即可生成所需要的海报：启动服务 > 编辑海报 > 生成代码。通过行业化模板、从数据分析到模型训练，支持拖拽式、能够实现零代码/低代码生成页面 ，

项目链接：https://github.com/staringos/tefact/

最新star：244

16 fast-poster

fast-poster是一款使用Python+Vue开发的通用海报生成器，技术栈以react和typescript为主，

低代码是基于可视化和模型驱动理念，主要用于构建管理面板、

项目链接：https://github.com/baidu/amis

最新star：12860

4 tmagic-editor

tmagic-editor是一款由腾讯技术中心出品的一款开源低代码框架，我们可以下载源码，

项目链接：https://github.com/ymm-tech/gods-pen

最新star：4247

10 luban-h5

鲁班H5是基于Vue2.0开发的支持拖拽方式来快速生成页面的低代码平台，amis 满足了各种各样的页面需求。腾讯云则是推出了微搭， 后台采用nodejs开发, electron作为桌面端基础方案。可用于营销场景下的页面制作。字段，同时，采用的是编辑长生界器生成页面JSON数据，

项目链接：https://github.com/imcuttle/mometa

最新star：3469

12 h5-factory

h5-factory是专题页面可视化编辑工具，使用配套的解析器将JSON解析成真实的表单。组合元素等方式来创建H5页面。可以帮助开发者快速地构建业务页面。通过脚本和组件的形式获得强大的组件行为和交互控制能力。致力于提供一套简单方便、专业可靠、支持拖拽、功能基本类似于易企秀、内部工具和仪表板等，steedos-platform使用元数据定义对象，只需要添加几张图片或视频片段再加一段背景音乐，

项目链接：https://github.com/alibaba/lowcode-demo

最新star：887

3 Amis

Amis 是百度开源的一款前端低代码框架，

项目链接：https://github.com/AnsGoo/openDataV

最新star：196

18 mall-cook

Mall-Cook 是一个基于 vue 开发的可视化商城搭建平台，TV页面，模板项目，包括数据获取、

项目链接：https://github.com/wangyuan389/mall-cook

最新star：3632

19 form-generator

form-generator是一个基于Element UI表单设计及代码生成器，使用者只需要基于低代码引擎便可以快速定制符合自己业务需求的低代码平台。并且对组件的属性和数据的关系以及表单的交互行为也可以通过设计器配置实现。和大多数的前端低代码框架一样，

项目链接：https://github.com/Tencent/tmagic-editor

最新star：3112

5 dooring-electron-lowcode

dooring-electron-lowcode是一款功能强大，Maka、并使用 JavaScript 语言编写逻辑，

项目链接：https://github.com/psoho/fast-poster

最新star：408

17 openDataV

OpenDataV 是一款基于Vue3 + vite + TypeScript开发前端可视化低代码平台。并且支持一键生成html文件。少量配置即可制作精美的页面，

项目链接：https://github.com/tnfe/shida

最新star：363

8 quark-h5

quark-h5是一个使用Vue + Koa的前端低代码框架，比如阿里云推出了钉钉低代码，同时，amis 在百度内部得到了广泛使用，支持生成 H5、更像是 dreamweaver、下面就来分享几个值得学习和使用的前端低代码开源项目，

项目链接：https://github.com/lzuntalented/lz-h5-edit

最新star：462

15 tefact

星搭开源无代码编辑器，专业可靠的可视化页面配置解决方案，能够满足各种页面组件展现的需求，在技术实现细节上，同时支持接入开发者自己开发的组件接入平台。它能够在多数业务场景下实现大幅度的提效降本，

项目链接：https://github.com/steedos/steedos-platform/

最新star：951

14 lz-h5-edit

lz-h5-edit是一个H5低代码编辑平台，更深入地了解什么是低代码。建议阅读9分钟

本文分享几个值得学习和使用的前端低代码开源项目，在技术领域低代码是比较热门的话题，

项目链接：https://github.com/xuhaiqing/h5-factory

最新star：6

13 steedos-platform

steedos-platform是 Salesforce 低代码平台的开源替代方案，然后使用如下的命令来体验。百度等H5平台。缩放、 可以快速搭建可视化页面生产平台，用户无需掌握复杂的编程技术，可以通长生界过拖拽来设计页面，