{"id":21406483,"url":"https://github.com/citizenll/godot-flexbox","last_synced_at":"2025-10-27T08:38:59.661Z","repository":{"id":164347543,"uuid":"581127189","full_name":"citizenll/godot-flexbox","owner":"citizenll","description":"Flexible and efficient UI layout using Flexbox via Yoga for Godot. ⚡","archived":false,"fork":false,"pushed_at":"2025-01-18T10:18:57.000Z","size":21569,"stargazers_count":135,"open_issues_count":2,"forks_count":8,"subscribers_count":1,"default_branch":"godot-4.x","last_synced_at":"2025-03-29T11:05:10.692Z","etag":null,"topics":["addons","container","flexbox","gdnative","godot","godot-addons","godot-engine","godot4","gui","layout","ui","yoga"],"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/citizenll.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-12-22T10:47:13.000Z","updated_at":"2025-03-28T06:35:10.000Z","dependencies_parsed_at":"2025-01-28T03:11:20.254Z","dependency_job_id":"c80d609d-88f1-4469-9615-b7e3e4d77073","html_url":"https://github.com/citizenll/godot-flexbox","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/citizenll%2Fgodot-flexbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/citizenll%2Fgodot-flexbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/citizenll%2Fgodot-flexbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/citizenll%2Fgodot-flexbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/citizenll","download_url":"https://codeload.github.com/citizenll/godot-flexbox/tar.gz/refs/heads/godot-4.x","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247332560,"owners_count":20921853,"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":["addons","container","flexbox","gdnative","godot","godot-addons","godot-engine","godot4","gui","layout","ui","yoga"],"created_at":"2024-11-22T16:40:11.209Z","updated_at":"2025-10-27T08:38:54.623Z","avatar_url":"https://github.com/citizenll.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Godot Flexbox Layout\r\n\r\n\u003cp align=\"center\"\u003e\r\n    \u003cimg src=\"./docs/flex-container.gif\" alt=\"flex-container-demo\"/\u003e\r\n\u003c/p\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n    Flexbox layout for Godot Engine \r\n\u003c/p\u003e\r\n\r\n## New version2.0!\r\nGodot4.1 New Version Support, Enhanced User Experience, Just Like Native Components.\r\n\r\n## Work in Progress 🧑‍💻\r\n🎉 Support 4.1 now !\r\n\r\n|  Old Version \t| Link                                                               \t|\r\n|----------------\t|--------------------------------------------------------------------\t|\r\n| Godot 4.0            \t| [Click Here ✔️](https://github.com/citizenll/godot-flexbox/tree/4.0)  \t|\r\n| Godot 3.5            \t| [Click Here ✔️](https://github.com/citizenll/godot-flexbox/tree/main) \t|\r\n\r\nThis is a work in progress. It can be used with basic functionality, and has been tested on Windows and Android.\r\n\r\n### Learn About Flexbox\r\n- [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)\r\n- [Flexbox Froggy](https://flexboxfroggy.com/)\r\n\r\n## Getting Started\r\n### Installation\r\n- Get the latest release from the Godot Asset Library [here](https://godotengine.org/asset-library/asset/1811)\r\n- Clone the repository and copy the `addons` folder into your project\r\n\r\n### Usage\r\n- Add the `FlexContainer` node to your scene\r\n\u003cp align=\"center\"\u003e\r\n    \u003cimg src=\"./docs/add-flex-container.png\" alt=\"flex-container-demo\"/\u003e\r\n\u003c/p\u003e\r\n\r\n- Change the `FlexDirection` property in the inspector, and you will see the layout change. You can also change the child properties in the child inspector.\r\n\r\n![inspector](./docs/flex-container-property.png)![inspector](./docs/flex-child-property.png)\r\n\r\n\r\n## \r\n\r\n## License\r\n![](https://img.shields.io/badge/license-MIT-green)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcitizenll%2Fgodot-flexbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcitizenll%2Fgodot-flexbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcitizenll%2Fgodot-flexbox/lists"}