{"id":18301368,"url":"https://github.com/lvgl/lv_binding_js","last_synced_at":"2025-05-16T10:08:31.931Z","repository":{"id":89730065,"uuid":"511099951","full_name":"lvgl/lv_binding_js","owner":"lvgl","description":"React bindings for LVGL ⚛️","archived":false,"fork":false,"pushed_at":"2025-02-04T00:55:21.000Z","size":4337,"stargazers_count":182,"open_issues_count":11,"forks_count":45,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-05-14T17:08:53.235Z","etag":null,"topics":["c","gui","javascript","lvgl","mcu","react","reactjs"],"latest_commit_sha":null,"homepage":"","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lvgl.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,"zenodo":null}},"created_at":"2022-07-06T10:57:42.000Z","updated_at":"2025-05-09T03:40:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"67fab0e9-0062-445f-9d2e-a3539fef6ced","html_url":"https://github.com/lvgl/lv_binding_js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lvgl%2Flv_binding_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lvgl%2Flv_binding_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lvgl%2Flv_binding_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lvgl%2Flv_binding_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lvgl","download_url":"https://codeload.github.com/lvgl/lv_binding_js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254509477,"owners_count":22082892,"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":["c","gui","javascript","lvgl","mcu","react","reactjs"],"created_at":"2024-11-05T15:15:27.429Z","updated_at":"2025-05-16T10:08:26.889Z","avatar_url":"https://github.com/lvgl.png","language":"C++","readme":"# lvgljs\nWrite [LVGL](https://github.com/lvgl/lvgl) with JavaScript.\nIt uses React's virtual DOM concept to manipulate LVGL UI components, providing a familiar experience to users.\n\n**Code**\n\u003cimg src=\"./demo/screenshoot/code.png\"\u003e\n\n**Running on a real device**\n\u003cimg src=\"./demo/screenshoot/real_device.jpg\" style=\"transform: rotate(270deg)\"\u003e\n\n## Table of Contents\n- [Features](#features)\n- [Demo](#demo)\n- [Building](#building)\n- [Components](#components)\n- [Font](#font)\n- [Animation](#animation)\n- [Style](#style)\n- [JSAPI](#jsapi)\n- [Thanks](#thanks)\n\n## Features\n- Support all lvgl built-in components\n- Fully suport lvgl flex and grid style\n- Support most lvgl style，just write like html5 css\n- Support dynamic load image\n- Fully support lvgl animation\n\n## Demo\n### Widgets\n![sdl_simulator](./demo/widgets/screenshoot/sdl_simulator.gif)\n\n### Calculator\n![sdl_simulator](./demo/calculator/screenshoot/sdl_simulator.gif)\n\n## Building\nThe following are developer notes on how to build lvgljs.\\\nIt is recommended that you first work with the simulator and only then try\nto compile for a target device.\n\n### lvgljs\n- [Simulator build notes](./doc/build/build-simulator.md)\n- [Device build notes](./doc/build/build-device.md)\n\n### JS Bundle\n- [JS Bundle build notes](./doc/build/js-bundle.md)\n\n## Components\n- [View](./doc/component/View.md)\n- [Image](./doc/component/Image.md)\n- [Button](./doc/component/Button.md)\n- [Text](./doc/component/Text.md)\n- [Input](./doc/component/Input.md)\n- [Textarea](./doc/component/Textarea.md)\n- [Switch](./doc/component/Switch.md)\n- [Checkbox](./doc/component/Checkbox.md)\n- [Dropdownlist](./doc/component/Dropdownlist.md)\n- [ProgressBar](./doc/component/ProgressBar.md)\n- [Line](./doc/component/Line.md)\n- [Roller](./doc/component/Roller.md)\n- [Keyboard](./doc/component/Keyboard.md)\n- [Calendar](./doc/component/Calendar.md)\n- [Chart](./doc/component/Chart.md)\n\n## Font\n[Buitin-Symbol](./doc/Symbol/symbol.md)\n\n## Animation\n[Animation](./doc/animate/animate.md)\n\n## Style\n- [position-size-layout](./doc/style/position-size-layout.md)\n- [boxing-model](./doc/style/boxing-model.md)\n- [color](./doc/style/color.md)\n- [flex](./doc/style/flex.md)\n- [grid](./doc/style/grid.md)\n- [font](./doc/style/font.md)\n- [opacity](./doc/style/opacity.md)\n- [display](./doc/style/display.md)\n- [background](./doc/style/background.md)\n- [scroll](./doc/style/scroll.md)\n- [shadow](./doc/style/shadow.md)\n- [recolor](./doc/style/recolor.md)\n- [line](./doc/style/line.md)\n- [transition](./doc/style/transition.md)\n- [transform](./doc/style/transform.md)\n\n## JSAPI\n- [network](./doc/jsapi/network.md)\n- [filesystem](./doc/jsapi/fs.md)\n- [dimension](./doc/jsapi/dimension.md)\n\n## Thanks\nlvgljs depends on following excellent work:\n\n- [lvgl](https://github.com/lvgl/lvgl): Create beautiful UIs for any MCU, MPU and display type\n- [txiki.js](https://github.com/saghul/txiki.js): Tiny JavaScript runtime\n    - [QuickJS](https://github.com/quickjs-ng/quickjs/): JavaScript engine\n    - [libuv](https://github.com/libuv/libuv): platform abstraction layer\n    - [curl](https://github.com/curl/curl): HTTP client\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flvgl%2Flv_binding_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flvgl%2Flv_binding_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flvgl%2Flv_binding_js/lists"}