luban-h5 is a free, open source content management systems (cms) project written in JavaScript and released under GPL-3.0. It has 6,240 GitHub stars, 1,280 forks and 109 open issues, and was last pushed 9 months ago. On this registry it ranks #14 of 47 tracked projects in Content Management Systems (CMS), with 5 head-to-head comparisons available. It gained 1 stars over the last 3 tracked days.

What is luban-h5?

Luban H5 is an open-source, GPL-3.0 licensed drag-and-drop builder that generates mobile H5 pages, built on Vue 2.0 and described by its maintainers as a mini Webflow for mobile pages, for developers and teams who want to self-host the design and publishing workflow that hosted platforms such as Eqxiu, Maka, and Baidu H5 provide.

What it is

Luban H5 (鲁班 H5) is a visual construction system for mobile web pages. A user drags components onto a canvas and the platform generates a page, which places it in the page-builder and design-tool category alongside Webflow, but scoped to mobile H5 output rather than desktop sites. It is written in JavaScript on top of Vue 2.0, with Ant Design appearing among its topics, and it is released under the GPL-3.0 licence. The repository carries 6,240 stars, 1,280 forks, and 109 open issues, with its most recent push in January 2026. Documentation exists in both Chinese and English, and a Gitee mirror serves users in mainland China.

The problem it solves is the hosted mobile page builder. Commercial platforms in that space keep the editor, the component library, and the published pages on the vendor's own infrastructure, which means the operator does not own the stack. Luban H5 replaces that arrangement with a self-hosted equivalent consisting of an editor front end and an API backend that the operator runs. The official backend API is built on Strapi.js and lives in the repository under the back-end/h5-api path, while two Java integrations are also published: SpringBoot2-JPA and SpringBoot2-Mybatis. The specific thing being replaced is therefore the hosted campaign-page and landing-page service, not a general-purpose content management system.

Key capabilities

  • Drag-and-drop editor that generates mobile H5 pages directly, matching the page-builder, page-editor, page-maker, and page-generator topics on the repository.
  • Vue 2.0 front-end architecture with Ant Design in the stack, per the listed topics and the README technical stack section.
  • Official backend API implemented with Strapi.js, published in the repository at back-end/h5-api.
  • Alternative Java backend integrations, SpringBoot2-JPA and SpringBoot2-Mybatis, for teams that cannot adopt a Node-based API.
  • Official component library including the lbp-slide carousel and the lbc-button button.
  • Supporting components for image libraries and for text alignment, the latter published as lbs-text-align.
  • Custom component development through the vue-cli-plugin-lbhc scaffold, which ships with a wiki-based tutorial, plus a public roadmap tracked in GitHub Projects.

Who uses it and how

  • Teams that need campaign and landing pages on infrastructure they control deploy the editor together with the Strapi.js backend instead of renting a hosted builder.
  • Front-end developers extend the component set by writing custom components against the vue-cli-plugin-lbhc scaffold and the accompanying tutorial.
  • Backend teams standardised on Java adopt one of the two SpringBoot integrations rather than the Strapi.js API, keeping the editor front end unchanged.
  • Chinese-language teams are well served, since the Chinese documentation is the primary reference, a Gitee mirror hosts the source, and community support runs through Gitter, GitHub Discussions, and a Tencent forum.
  • The project has accumulated 1,280 forks, which indicates a community large enough that the custom-component path is a realistic way to add capability rather than a theoretical one.

Getting started

Start from the GitHub repository or the Gitee mirror, then follow the Chinese or English getting-started documentation hosted at the project's documentation site, pairing the editor with the official Strapi.js backend API or one of the SpringBoot integrations. A hosted demo is available for evaluation at the project homepage.

How it compares

Against the hosted platforms the README names as equivalents, Eqxiu, Maka, and Baidu H5, the decisive difference is that Luban H5 is GPL-3.0 licensed source code rather than a closed service. Because the editor and its Strapi.js or SpringBoot backend can both be deployed on the operator's own servers, the pages, components, and assets remain under the operator's control, and there is no per-page or per-account fee model to reason about. The trade is operational: the hosted platforms remove the need to run anything, while Luban H5 hands that responsibility, and licence obligations, to the adopter.

When to use it — and when not to

Choose Luban H5 when the mobile page builder must be self-hosted and the team can operate both the Vue front end and a backend service, since Strapi.js or one of the SpringBoot integrations has to be deployed and maintained alongside it. Do not choose it if the requirement is a fully managed service with no operations burden, if the codebase must remain closed source, or if a current-generation front-end stack is mandatory, because the editor is built on Vue 2.0. The README and tagline are still marked as work in progress and the custom component tutorial is likewise flagged WIP, so the documentation is thinner than the 6,240-star count might suggest, and the 109 open issues indicate an active but unfinished backlog.

project readme (upstream, from github) — read inline

📖中文文档 || 📖English Docs | README(en) || 论坛/社区 || DeepWiki || zread

鲁班 H5

可视化搭建,拖拽生成移动端页面

Mobile Page Builder&Generator with Drag&Drop

PRs Welcome Docs Release Gitter GitHub issues GitHub stars 码云

目录

鲁班H5是什么?

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

Demo

在线访问地址

🔗Links/相关链接

🔗生态

快速体验

以下方式,任选其中一种即可

一、一键脚本(推荐!)
git clone https://github.com/ly525/luban-h5 && cd luban-h5
# 安装依赖,构建前后端(安装依赖会耗时略长,请耐心等待)
# 如果您遇到 sqlite3、node-gpy 等安装报错问题,请您执行 ./deploy/mirror.sh 配置npm 镜像为阿里云镜像(特别是为了解决二进制包安装问题)
./luban-h5.sh init

# 启动项目访问 http://localhost:1337 即可
./luban-h5.sh start

# ./luban-h5.sh stop
二、本地安装了 Node、Yarn
git clone https://github.com/ly525/luban-h5
cd luban-h5 # 项目根目录

# 后端
cd back-end/h5-api && yarn && yarn dev

# 前端
# 新开一个终端,在项目根目录执行如下命令
cd front-end/h5 && yarn && yarn build:engine && yarn dev

# 启动项目访问 http://localhost:1337 即可

交流群

钉钉群 微信公众号 微信

请备注:鲁班H5交流

更多细节请阅读在线文档

Features

  1. 编辑器

    • 参考线
    • 吸附线、组件对齐
    • 拖拽改变组件形状
    • 元素: 复制(画布)
    • 元素: 删除(画布)
    • 元素: 编辑(画布)
    • 页面:新增
    • 页面:复制
    • 页面:删除
    • 快速预览
    • 撤销、重做
  2. 组件系统

    • 文字
    • 普通按钮
    • 表单按钮
    • 表单输入框
    • 普通图片
    • 背景图
    • 背景音乐
    • 视频(Iframe形式)
  3. 增强功能

    • 上传 PSD,一键转换为 H5(已经调研,可以实现)
    • 图片库
    • 第三方无版权图片搜索
    • 自定义脚本(已经调研,可以实现)
  4. 后端 API

    • 创建、保存、更新作品
    • 表单数据收集
    • 表单数据展示
    • 在线预览
    • 二维码预览
技术栈(当前)
  1. 前端:Vue.js
  2. 后端:Strapi
  3. 存储:Sqlite
如何贡献

所有合理的改动、优化、修正,新的组件,或者文档的修正、更新 相关的提交都会被接受

捐赠作者

如果你觉得这个项目对你有用或者有所启发,可以请作者喝杯果汁:

微信捐赠 支付宝捐赠

Frequently asked questions

Is luban-h5 free to use?

luban-h5 is open source under the GPL-3.0 licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does luban-h5 do?

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

What is luban-h5 written in?

luban-h5 is primarily written in JavaScript. Its source is publicly available at https://github.com/ly525/luban-h5, and it has 6,240 GitHub stars.