{"id":14960989,"url":"https://github.com/gilzoide/unity-flex-ui","last_synced_at":"2025-04-05T06:03:47.898Z","repository":{"id":209173147,"uuid":"723402369","full_name":"gilzoide/unity-flex-ui","owner":"gilzoide","description":"Flexbox layout support for Unity UI using the Yoga layout engine","archived":false,"fork":false,"pushed_at":"2025-03-02T19:34:15.000Z","size":11909,"stargazers_count":152,"open_issues_count":2,"forks_count":16,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-29T05:01:50.412Z","etag":null,"topics":["autolayout","flexbox","flexbox-layout","ugui","unity","unity-ui","unity3d","upm","upm-package"],"latest_commit_sha":null,"homepage":"","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gilzoide.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"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},"funding":{"github":["gilzoide"],"patreon":null,"open_collective":null,"ko_fi":"gilzoide","tidelift":null,"community_bridge":null,"liberapay":"gilzoide","issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2023-11-25T14:58:14.000Z","updated_at":"2025-03-28T22:16:26.000Z","dependencies_parsed_at":"2023-11-25T16:22:35.822Z","dependency_job_id":"86baeb1a-cfd8-4b8a-b142-6e1cc77514c0","html_url":"https://github.com/gilzoide/unity-flex-ui","commit_stats":{"total_commits":119,"total_committers":1,"mean_commits":119.0,"dds":0.0,"last_synced_commit":"c7cdad2a313055540cca0ac83191998c6e2551c8"},"previous_names":["gilzoide/unity-flex-ui"],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gilzoide%2Funity-flex-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gilzoide%2Funity-flex-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gilzoide%2Funity-flex-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gilzoide%2Funity-flex-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gilzoide","download_url":"https://codeload.github.com/gilzoide/unity-flex-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294516,"owners_count":20915340,"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":["autolayout","flexbox","flexbox-layout","ugui","unity","unity-ui","unity3d","upm","upm-package"],"created_at":"2024-09-24T13:23:36.342Z","updated_at":"2025-04-05T06:03:47.868Z","avatar_url":"https://github.com/gilzoide.png","language":"C++","readme":"# Flex UI\n[![openupm](https://img.shields.io/npm/v/com.gilzoide.flex-ui?label=openupm\u0026registry_uri=https://package.openupm.com)](https://openupm.com/packages/com.gilzoide.flex-ui/)\n\nFlexbox support for [Unity UI](https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/index.html) using the [Yoga](https://yogalayout.dev/) layout engine.\n\n![Flex Layout demo](Extras~/demo.gif)\n\n## Features\n- Supported platforms: Windows, Linux, macOS, iOS, tvOS, visionOS, Android and WebGL\n- There is a single component you need: [FlexLayout](Runtime/FlexLayout.cs)\n- Live updates in edit mode.\n- `FlexLayout` only lays out children that also have a `FlexLayout` component, so you can still use anchors and other Layout Elements where necessary.\n- Set additional layout engine configurations per object using [FlexLayoutConfig](Runtime/FlexLayoutConfig.cs) assets.\n\n\n## How to install\nThis package is available on the [openupm registry](https://openupm.com/) and can be installed using the [openupm-cli](https://github.com/openupm/openupm-cli):\n```\nopenupm add com.gilzoide.flex-ui\n```\n\nOtherwise, you can install directly using the [Unity Package Manager](https://docs.unity3d.com/Manual/upm-ui-giturl.html) with the following URL:\n```\nhttps://github.com/gilzoide/unity-flex-ui.git#1.2.2\n```\n\n\n## How to use\n1. Add a `FlexLayout` component to the UI object that will layout its descendants (children, grandchildren, etc...)\n2. Add `FlexLayout` components to the descendants that will be layed out by the root `FlexLayout`s.\n3. Configure the layout properties as necessary and see all changes live in edit mode.\n4. Enjoy 🍾\n\nAll properties can be set in the Inspector as well as by code and the layout will be automatically refreshed.\nYou can set several values in code and the layout will be calculated only once per frame.\n\nTo learn more about the properties supported by `FlexLayout`, check out the Yoga documentation in the \"Properties\" section: https://yogalayout.dev/docs\n\nYou can also set the layout engine configurations by creating `FlexLayoutConfig` assets and setting them to `FlexLayout`'s \"Configuration\" property.\nThese configurations include toggling of experimental features and controlling how Yoga rounds floating point values using the \"Point Scale Factor\" property.\n","funding_links":["https://github.com/sponsors/gilzoide","https://ko-fi.com/gilzoide","https://liberapay.com/gilzoide"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgilzoide%2Funity-flex-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgilzoide%2Funity-flex-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgilzoide%2Funity-flex-ui/lists"}