---

home: true actionText: Get Started → actionLink: /en/getting-started/introduction features:

• title: Form Collection details: Collect and organize information.Get answers from users fast.
• title: Easy to set up details: Integrating dynamic effects, music, video and images, users can easily achieve Html5
• title: PSD to HTML5 details: Upload PSD, and parse it to HTML5, just seconds footer: GPL 3.0 Licensed | Copyright © 2019-present ---

What's LuBan-H5?

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

Quick Start

Option 1

• if you are familiar with Node, Yarn(and already installed), please follow the commands to start quickly:

git clone https://github.com/ly525/luban-h5
cd luban-h5 # project root path

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

# front-end
cd front-end/h5 && yarn && yarn build:engine && yarn dev


!#en: default database is sqlite3(db location: h5-api/.tmp/data.db)

# visit http://localhost:1337/admin to config the api permissions

# read more here: https://ly525.github.io/luban-h5/en/getting-started/quick-start.html#setup-backend

Option 2

docker pull ubuntu
docker run -it -p 1234:80 -p 1235:1337  -v `pwd`:/app ubuntu
apt update && apt install -y wget git
wget -qO- https://raw.githubusercontent.com/ly525/luban-h5/dev/deploy/ubuntu-install.sh | bash

# after the installation finished
# 1. visit ：http://localhost:1235/admin, add your admin account
# 1.2 config the api permissions, see more here：https://ly525.github.io/luban-h5/en/getting-started/quick-start.html#_2-something-important

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

Links

• Documents

  • Chinese online document
  • English

• Source Code

  • GitHub: https://GitHub.com/ly525/luban-h5
  • Gitee(China Mirror)

• Community

  • Gitter
  • 吐个槽：For Chinese Users

• Ecosystem

  • back-end integration
    • Strapi.js(official Node.js backend API for luban-h5)
    • Spring Boot API Demo
  • Custom components
    • Rapid development of custom component scaffolding
  • official components library
    • Slide
    • Normal Button(different from form-button)
  • Support Component/Auxiliary Component
    • Image Gallery: For Quick Selection of images from the gallery
    • Text alignment-Repo(for Button text alignment)

Read more here Online English Document

Community

1. Gitter
2. Github Issues