https://github.com/citizenll/godot-flexbox
Flexible and efficient UI layout using Flexbox via Yoga for Godot. ⚡
https://github.com/citizenll/godot-flexbox
addons container flexbox gdnative godot godot-addons godot-engine godot4 gui layout ui yoga
Last synced: 25 days ago
JSON representation
Flexible and efficient UI layout using Flexbox via Yoga for Godot. ⚡
- Host: GitHub
- URL: https://github.com/citizenll/godot-flexbox
- Owner: citizenll
- License: mit
- Created: 2022-12-22T10:47:13.000Z (over 2 years ago)
- Default Branch: godot-4.x
- Last Pushed: 2025-01-18T10:18:57.000Z (3 months ago)
- Last Synced: 2025-03-29T11:05:10.692Z (about 1 month ago)
- Topics: addons, container, flexbox, gdnative, godot, godot-addons, godot-engine, godot4, gui, layout, ui, yoga
- Language: C++
- Homepage:
- Size: 20.6 MB
- Stars: 135
- Watchers: 1
- Forks: 8
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Godot Flexbox Layout
![]()
Flexbox layout for Godot Engine## New version2.0!
Godot4.1 New Version Support, Enhanced User Experience, Just Like Native Components.## Work in Progress 🧑💻
🎉 Support 4.1 now !| Old Version | Link |
|---------------- |-------------------------------------------------------------------- |
| Godot 4.0 | [Click Here ✔️](https://github.com/citizenll/godot-flexbox/tree/4.0) |
| Godot 3.5 | [Click Here ✔️](https://github.com/citizenll/godot-flexbox/tree/main) |This is a work in progress. It can be used with basic functionality, and has been tested on Windows and Android.
### Learn About Flexbox
- [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [Flexbox Froggy](https://flexboxfroggy.com/)## Getting Started
### Installation
- Get the latest release from the Godot Asset Library [here](https://godotengine.org/asset-library/asset/1811)
- Clone the repository and copy the `addons` folder into your project### Usage
- Add the `FlexContainer` node to your scene
![]()
- 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.

##
## License
