{"id":13522841,"url":"https://github.com/ly525/luban-h5","last_synced_at":"2025-05-14T04:07:59.477Z","repository":{"id":37390562,"uuid":"190713547","full_name":"ly525/luban-h5","owner":"ly525","description":"[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.","archived":false,"fork":false,"pushed_at":"2025-04-26T16:12:30.000Z","size":6776,"stargazers_count":6172,"open_issues_count":108,"forks_count":1286,"subscribers_count":141,"default_branch":"master","last_synced_at":"2025-05-12T03:59:46.557Z","etag":null,"topics":["ant-design","design-tool","editor","h5","mobile-page-maker","page-builder","page-editor","page-generator","page-maker","strapi","vue","vuejs","vuejs2","web-design","web-design-framework","webflow"],"latest_commit_sha":null,"homepage":"https://h5.luban.website/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ly525.png","metadata":{"files":{"readme":"README.en.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-07T08:45:37.000Z","updated_at":"2025-05-10T07:32:32.000Z","dependencies_parsed_at":"2024-10-11T09:00:55.342Z","dependency_job_id":"29bf3f60-5fc2-442e-abb1-2c995c156d89","html_url":"https://github.com/ly525/luban-h5","commit_stats":{"total_commits":709,"total_committers":20,"mean_commits":35.45,"dds":"0.13117066290550072","last_synced_commit":"6b76538d8f9a6cdf9f65f5f6a641aac5e8f0d0a9"},"previous_names":[],"tags_count":32,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ly525%2Fluban-h5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ly525%2Fluban-h5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ly525%2Fluban-h5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ly525%2Fluban-h5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ly525","download_url":"https://codeload.github.com/ly525/luban-h5/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254069467,"owners_count":22009557,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","design-tool","editor","h5","mobile-page-maker","page-builder","page-editor","page-generator","page-maker","strapi","vue","vuejs","vuejs2","web-design","web-design-framework","webflow"],"created_at":"2024-08-01T06:00:52.874Z","updated_at":"2025-05-14T04:07:54.452Z","avatar_url":"https://github.com/ly525.png","language":"JavaScript","funding_links":[],"categories":["Scene","Projects Using ant-design-vue","JavaScript","实战项目","前端开发框架及项目","精选 LessCode 项目","![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)","Uncategorized"],"sub_categories":["Lowcode","Apps/Websites","低代码项目","多工具库支持或纯JS","Uncategorized"],"readme":"\u003cp align=\"left\"\u003e\n\u003ca href=\"https://github.com/ly525/luban-h5/releases\"\u003e\u003cimg alt=\"GitHub release (latest by date)\" src=\"https://img.shields.io/github/v/release/ly525/luban-h5\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n[📖 Document](https://ly525.github.io/luban-h5/) | [📖简体中文](./README.md)\n\n### What's LuBan-H5?\n\u003e LuBan-H5 is a mobile page builder based on Vue.js, which is similar with [Amolink](www.amolink.com) [eqx](http://www.eqxiu.com)(it's a chinese website, you may need to translate the page). It also supports parsing PSD file to HMTL5 Page\n\n### Demo\n\u003e [Preview Website](https://h5.luban-h5.com)\n\n\u003cimg src=\"https://s2.ax1x.com/2019/10/11/u7WzUx.gif\" style=\"margin: 10px;\" width=\"60%\" /\u003e\n\n### let's go through it real quick.\n\u003e in short\n\n```shell\ngit clone https://github.com/ly525/luban-h5 \u0026\u0026 cd luban-h5\n# install dependencies \u0026\u0026  build front-end \u0026\u0026 build back-end\n./luban-h5.sh init\n\n./luban-h5.sh start\n\n# ./luban-h5.sh stop\n\n# after the installation finished\n# 1. visit ：http://localhost:1337/admin, create your admin account\n# 1.2 config the api permissions, see more here：https://ly525.github.io/luban-h5/en/getting-started/quick-start.html#_2-something-important\n\n# 2. front-end\n# 2.1 visit https://localhost:1337 to get the front-end of luban-h5\n```\n\n## Links\n- Documents\n    * [Chinese online document](https://ly525.github.io/luban-h5/zh/)\n    * [English](https://ly525.github.io/luban-h5/en/getting-started/introduction.html)\n\n- Source Code\n    * GitHub: https://GitHub.com/ly525/luban-h5\n    * [Gitee(China Mirror)](https://Gitee.com/ly525/luban-h5)\n\n- Community\n    * [Gitter](https://gitter.im/luban-h5/community)\n    * [吐个槽：For Chinese Users](https://support.qq.com/product/93432)\n\n\n- Ecosystem\n    * back-end integration\n        * [Strapi.js(official Node.js backend API for luban-h5)](/luban-h5/tree/dev/back-end/h5-api)\n        * [Spring Boot API Demo](https://github.com/luban-h5/Spring-Boot-API-for-editor)\n\n    * Custom components\n       * [Rapid development of custom component scaffolding](https://github.com/luban-h5/vue-cli-plugin-lbhc)\n\n    *  official components library\n        * [Slide](https://github.com/luban-h5-components/lbp-slide)\n        * [Normal Button(different from form-button)](https://github.com/luban-h5-components/lbc-button)\n\n    * Support Component/Auxiliary Component\n        * Image Gallery: For Quick Selection of images from the gallery\n        * [Text alignment-Repo(for Button text alignment)](https://github.com/luban-h5/lbs-text-align)\n\n\n### Features\n1. Editor\n    - [x] Reference Line/GuideLine\n    - [x] Adsorption Line\n    - [x] Change plugin shape by drag-and-drop\n    - [x] Edit Element (Canvas)\n    - [x] Copy Element (Canvas)\n    - [x] Delete Element (Canvas)\n    - [x] Edit Page\n    - [x] Copy Page\n    - [x] Delete Page\n    - [x] Quick Preview\n    - [x] Undo、Redo\n\n2. Plugin System\n\n    - [x] Text\n    - [x] Normal Button\n    - [x] Form Button\n    - [x] Form Field\n    - [x] Picture\n    - [x] Background Image\n    - [x] Background Music\n    - [x] Video (Iframe format)\n\n3. enhanced function\n    - [ ] parsing PSD file to HTML Page\n    - [x] Photo Gallery\n    - [ ] Third Party uncopyrighted Image Search\n\n\n4. back-end API\n    - [x] create work\n    - [x] save work\n    - [x] update work\n    - [x] Form Statistics\n    - [x] Online Preview\n    - [x] QR Code Preview\n\n---\n\n### Installs\n\u003e proj: project root path\nplease refer to: [`Document/Quick Start`](https://ly525.github.io/luban-h5/en/getting-started/quick-start.html?language=en-us)\n\n\n---\n### More Explanation\n#### Front-End Component Explanation\n1. `lbp-`: `lu-ban-plugin-`, means `Luban H5 plugin`, location: `proj/front-end/h5/src/components/plugins`\n\n\n#### Build With (current)\n  1. Front end: Vue.js\n  2. Back End: Strapi\n  3. Storage: Sqlite\n\n\nRead more here [Online English Document](https://ly525.github.io/luban-h5)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fly525%2Fluban-h5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fly525%2Fluban-h5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fly525%2Fluban-h5/lists"}