{"id":21800892,"url":"https://github.com/qdsang/lv_gui_builder","last_synced_at":"2025-04-05T18:06:24.369Z","repository":{"id":242233221,"uuid":"804861408","full_name":"qdsang/lv_gui_builder","owner":"qdsang","description":"Drag end drop GUI designer for LVGL Creator editor","archived":false,"fork":false,"pushed_at":"2025-01-13T05:29:55.000Z","size":7858,"stargazers_count":137,"open_issues_count":6,"forks_count":18,"subscribers_count":11,"default_branch":"main","last_synced_at":"2025-03-29T17:06:16.508Z","etag":null,"topics":["builder","creator","editor","gui","lvgl","visualization","vue"],"latest_commit_sha":null,"homepage":"https://qdsang.github.io/lv_gui_builder/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qdsang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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":"2024-05-23T12:16:38.000Z","updated_at":"2025-03-28T11:19:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"f78eba97-72c2-4c4d-8b64-b37425c29300","html_url":"https://github.com/qdsang/lv_gui_builder","commit_stats":null,"previous_names":["qdsang/lv_gui_builder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdsang%2Flv_gui_builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdsang%2Flv_gui_builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdsang%2Flv_gui_builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdsang%2Flv_gui_builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qdsang","download_url":"https://codeload.github.com/qdsang/lv_gui_builder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378140,"owners_count":20929296,"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":["builder","creator","editor","gui","lvgl","visualization","vue"],"created_at":"2024-11-27T11:14:57.576Z","updated_at":"2025-04-05T18:06:24.348Z","avatar_url":"https://github.com/qdsang.png","language":"JavaScript","readme":"# lvgl gui builder\n[WIP] Drag end drop GUI designer for LVGL\n\n## Demo\n\n![Image](./docs/preview.png \"LV GUI Builder Preview\")\n\n\n## Try It Online\n\n  https://qdsang.github.io/lv_gui_builder/\n\n\n\n## 🚀 Development\n\n```bash\n# configure\n1. installation of the recommended plugins in the .vscode directory\n2. node version 18.x or 20+\n3. npm version 8.x or latest\n\n# clone\ngit clone xxx\n\n# enter the project directory\ncd lv_gui_builder\n\n# install dependencies\nnpm i\n\n# start the service\nnpm run serve\n```\n\n## ✔️ Preview\n\n```bash\n# stage environment\nnpm run preview\n\n\nopen http://localhost:5173/#/editor2\n```\n\n\n\n## TODO\nv1  \n- [x] Emulator\n- [x] Code refactoring\n- [x] Property management\n- [x] Component list\n- [x] Component addition\n- [x] Component duplication\n- [x] Modify ID\n- [x] Component property styles\n- [ ] Align\n- [X] Component sorting (zindex)\n- [X] Component size drag\n- [ ] Style grouping\n- [ ] Generate C\n- [!] Shortcuts\n- [!] Window Layout [golden-layout](https://golden-layout.com/) [vue-grid-layout](https://jbaysolutions.github.io/vue-grid-layout/guide/04-allow-ignore.html)\n\nv2  \n- [X] Project settings\n- [ ] Events\n- [ ] Font library https://lvgl.io/tools/font_conv_v5_3\n- [ ] Image library https://lvgl.io/tools/imageconverter_v9\n- [ ] Color library\n- [x] Animation library\n- [ ] i18n\n\nv3  \n- [ ] VSCode Extension https://github.com/microsoft/vscode-extension-samples/tree/main/custom-editor-sample\n- [ ] Low Code\n- [ ] LVGL Version Manager\n\n\n## Reference\n- https://github.com/kaiakz/lv_gui_designer\n- https://github.com/kaiakz/walv/tree/master\n- https://forum.littlevgl.com/t/wysiwyg-editor-for-littlevgl/642\n- https://github.com/rohmer/LVGL_UI_Creator\n- https://github.com/CURTLab/LVGLBuilder\n- https://github.com/lvgl/lv_gui_builder\n- https://sim.lvgl.io/v8.3/micropython/ports/javascript/index.html\n- https://github.com/nishad2m8/T-Display-S3-YT/tree/master\n- https://github.com/peterhinch/micropython-font-to-py/blob/master/font_to_py.py\n\n\n## Contribution\n\nPlease make sure to read the [Contributing Guide](https://github.com/vuejs/core/blob/main/.github/contributing.md) before making a pull request.\n\nThank you to all the people who already contributed to Builder!\n\n\u003ca href=\"https://github.com/qdsang/lv_gui_builder/graphs/contributors\"\u003e\u003cimg src=\"https://contrib.rocks/image?repo=qdsang/lv_gui_builder\" /\u003e\u003c/a\u003e\n\n## Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=qdsang/lv_gui_builder\u0026type=Date)](https://star-history.com/#qdsang/lv_gui_builder\u0026Date)\n\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqdsang%2Flv_gui_builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqdsang%2Flv_gui_builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqdsang%2Flv_gui_builder/lists"}