10 个值得推荐的前端低代码项目！

短命女 2024-03-17 22:59 106阅读 0赞

今天来分享 10 个优秀的前端低代码项目！企业级低代码快速开发平台，包含页面可视化配置、自定义表单、自定义报表、权限管理脚手架应用、前后端代码自动生成；主要特点是低代码开发，可实现复杂CRUD功能仅编写数据模型就能完成前后端开发。

### **1.JNPF** ###

JNPF是一个使用Vue3搭建的低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。它的技术栈为：Vue3 + TypeScript + Vite + Ant-Design-Vue + Pinia。

核心技术采用 Spring Boot、MyBatis-Plus、Alibaba Druid、Hutool、Lombok 等；

![a5be3ae1c64cbc1ab870f7b0e0b22953.png][]

项目地址：https://www.jnpfsoft.com/?csdn

### **2.JeecgBoot** ###

JeecgBoot 采用Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。

![b4d3fdc6c238b7e0c5437e2cf75c2610.png][]

### **3.maku-generator** ###

一款低代码生成器，可根据自定义模板内容，快速生成代码，实现项目的快速开发、上线，减少重复的代码编写，开发人员只需专注业务逻辑即可。

### **4.MtBird** ###

星搭精卫 MtBird 是一款基于 React 的低代码可视化页面生成器。帮助用户以可视化的形式搭建网页、小程序和表单等应用。

### **5.鲁班 H5** ###

鲁班H5是基于 Vue 2 开发、通过拖拽快速生成页面的平台。类似 易企秀、Maka、百度 H5 等平台。其支持表单组件，即时倾听用户反馈，可以在后台查看和下载用户数据。包含了丰富的组件系统、支持可视化编辑、自由拖拽排版、实时预览、在线访问。支持一键导入PSD，将设计师的创意转换为 H5，快速查看效果、反馈、上线

### **6.Seezoon Stack** ###

Seezoon Stack 是一款基于当前最前沿的前端（Vue3 + Vite + Antdv）和后台（Spring boot）实现的低代码开发平台。以快速开发为目的，在开发速度和代码结构上做出一定取舍。项目采用主流开发框架，无论打包、编译、部署都按着大公司的标准完成并不断逐步完善。

![f2b47766eed98dc123e5ea74fa874b48.png][]

### **7.Variant Form** ###

Variant Form 是一款高效的Vue低代码表单，可视化设计，一键生成源码。其特性如下：

*  拖拽式可视化表单设计；
 *  支持PC、Pad、H5三种布局；
 *  支持运行时动态加载表单；
 *  支持表单复杂交互控制；
 *  支持自定义CSS样式；
 *  支持自定义校验逻辑；
 *  支持国际化多语言；
 *  兼容IE 11浏览器；
 *  可导出Vue组件、HTML源码；
 *  可导出Vue的SFC单文件组件；、
 *  支持开发自定义组件；
 *  支持响应式自适应布局；
 *  支持VS Code插件；

![e825b1e278071938627874e55233c6a3.png][]

### **8.ng-form** ###

ng-form 是一个基于vue+element ui实现动态表单组件，通过拖拽组件到面板即可实现一个表单。支持各个组件的动态隐藏显示，动态表格弹窗式维护。

![ea16cf7f3789aa84720c7d237844823e.png][]

### **9.h5-factory** ###

h5-factory 是一个h5专题页面可视化编辑工具，拖拽编辑，灵活切换，一键生成html文件。

![f3cbecd1cce15098b69053937c63641d.png][]

### **9.vlife** ###

企业级低代码快速开发平台，包含页面可视化配置、自定义表单、自定义报表、权限管理脚手架应用、前后端代码自动生成；主要特点是低代码开发，可实现复杂CRUD功能仅编写数据模型就能完成前后端开发。

![6bfb0bc743ad7f2ae584e3ee6d809cca.png][]

[a5be3ae1c64cbc1ab870f7b0e0b22953.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/eb768fa379984551a4f9e55fac53636d.png
[b4d3fdc6c238b7e0c5437e2cf75c2610.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/1e2540e17a91422aa61fba2b8521cf8a.png
[f2b47766eed98dc123e5ea74fa874b48.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2c4bdabb34d7445f9296ce27cf92660e.png
[e825b1e278071938627874e55233c6a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/4fff1cd31f974af2af3ba22dafd86b87.png
[ea16cf7f3789aa84720c7d237844823e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e77f4967e34e4d598a200e5bba72aad8.png
[f3cbecd1cce15098b69053937c63641d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/e3df9452e81646719b54d659cba16a45.png
[6bfb0bc743ad7f2ae584e3ee6d809cca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/234e684042b24cb8bef5c2f46ca2b10d.png