Luban H5 screenshot

Luban H5

Author Avatar Theme by Ly525
Updated: 3 Jan 2026
6243 Stars

[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.

Categories

Overview:

鲁班H5是一款基于Vue2.0开发的平台,通过拖拽快速生成页面。它类似于易企秀、Maka、百度 H5等平台。

Features:

  • 编辑器: 参考线、吸附线、组件对齐、拖拽改变组件形状
  • 元素: 复制(画布)、删除(画布)、编辑(画布)
  • 页面:新增、复制、删除
  • 快速预览
  • 撤销、重做组件系统
  • 文字、普通按钮、表单按钮、表单输入框、普通图片、背景图、背景音乐、视频(Iframe形式)
  • 增强功能: 上传 PSD,一键转换为 H5、图片库、第三方无版权图片搜索、自定义脚本
  • 后端 API: 创建、保存、更新作品、表单数据收集、表单数据展示、在线预览、二维码预览

Installation:

以下是安装鲁班H5的两种方式,任选其一即可。

一键脚本(推荐!)

npm install -g luban-h5-cli
luban init my-project
cd my-project
npm run serve

本地安装了 Node、Yarn

git clone https://github.com/ly525/luban-h5.git
cd luban-h5
yarn
yarn run dev

详细配置步骤,请参考鲁班H5的在线文档中的快速开始章节。

如果遇到接口403问题,请参照快速开始章节,搜索关键字“403”。

Summary:

鲁班H5是一款基于Vue2.0开发的拖拽生成页面的平台。它提供了丰富的编辑器功能和组件库,能够快速制作H5页面。通过一键脚本或本地安装方式,用户可以轻松开始使用鲁班H5,并通过详细的文档和社区支持解决遇到的问题。除了基本的页面编辑功能,鲁班H5还提供了一些增强功能,如上传PSD一键转换为H5、自定义脚本等。通过后端API,用户可以创建、保存和更新作品,并收集和展示表单数据。