Watch 154 Star 810 Fork 275

ly525 / luban-h5JavaScriptGPL-3.0

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Notice: Creating folder will generate an empty file .keep, because not support in Git

GitHub release (latest by date)

📖 Document | 📖简体中文

What's LuBan-H5?

LuBan-H5 is a mobile page builder based on Vue.js, which is similar with Amolink eqx(it's a chinese website, you may need to translate the page). It also supports parsing PSD file to HMTL5 Page


Preview Website

let's go through it real quick.

in short

git clone && cd luban-h5
# install dependencies &&  build front-end && build back-end
./ init

./ start

# ./ stop

# after the installation finished
# 1. visit :http://localhost:1337/admin, create your admin account
# 1.2 config the api permissions, see more here:

# 2. front-end
# 2.1 visit https://localhost:1337 to get the front-end of luban-h5



  1. Editor

    • Reference Line/GuideLine
    • Adsorption Line
    • Change plugin shape by drag-and-drop
    • Edit Element (Canvas)
    • Copy Element (Canvas)
    • Delete Element (Canvas)
    • Edit Page
    • Copy Page
    • Delete Page
    • Quick Preview
    • Undo、Redo
  2. Plugin System

    • Text
    • Normal Button
    • Form Button
    • Form Field
    • Picture
    • Background Image
    • Background Music
    • Video (Iframe format)
  3. enhanced function

    • parsing PSD file to HTML Page
    • Photo Gallery
    • Third Party uncopyrighted Image Search
  4. back-end API

    • create work
    • save work
    • update work
    • Form Statistics
    • Online Preview
    • QR Code Preview


proj: project root path please refer to: Document/Quick Start

More Explanation

Front-End Component Explanation

  1. lbp-: lu-ban-plugin-, means Luban H5 plugin, location: proj/front-end/h5/src/components/plugins

Build With (current)

  1. Front end: Vue.js
  2. Back End: Strapi
  3. Storage: Sqlite

Read more here Online English Document

Comments ( 20 )

Sign in for post a comment


en: A mobile page builder/editor, similar with amolink. zh: 类似易企秀的H5制作、建站工具,开源可视化搭建系统 spread retract


No release

Gitee Metrics




load more
can not load any more