luban-h5：免费的H5页面可视化搭建工具（源码）

产品简介

luban-h5 鲁班H5是一款开源的可视化移动端页面搭建工具。它允许用户通过拖拽组件快速生成H5页面，适用于制作营销活动页、企业宣传页等。无需编程基础，适合需要制作移动端页面的运营、设计及前端开发学习者。

核心功能

• 可视化拖拽编辑器，支持参考线与对齐
• 丰富的组件库（文字、图片、按钮、表单等）
• 多页面管理（新增、复制、删除）
• 支持背景音乐与视频嵌入
• 内置表单数据收集与后台管理

快速开始

1. 克隆仓库到本地：git clone https://github.com/ly525/luban-h5
2. 进入项目目录并执行一键初始化脚本：./luban-h5.sh init
3. 执行启动命令：./luban-h5.sh start，然后访问 http://localhost:1337

界面预览

与其他方案对比

适合谁用

• 需要制作营销页面但不懂代码的运营人员
• 希望快速搭建H5活动页面的市场人员
• 想学习前端可视化搭建原理的开发者

下载与版本

当前最新版本为 v1.14.1，发布于 2021-02-13。支持 Windows、macOS、Linux。

⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。

注意事项

• 本工具仅供学习和研究使用，请遵守相关法律法规。
• 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
• 项目源码地址：https://github.com/ly525/luban-h5