{"id":15167016,"url":"https://github.com/athari/alba.avalonia.flexpanel","last_synced_at":"2025-07-16T15:34:30.285Z","repository":{"id":206201420,"uuid":"715851529","full_name":"Athari/Alba.Avalonia.FlexPanel","owner":"Athari","description":"Panel implementing CSS-like flexbox for Avalonia [MIT]","archived":false,"fork":false,"pushed_at":"2023-11-19T19:43:22.000Z","size":132,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-13T02:05:22.417Z","etag":null,"topics":["avalonia","avaloniaui","c-sharp","c-sharp-library","dotnet","flexbox","flexbox-layout","xaml"],"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/Athari.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":"2023-11-08T00:45:10.000Z","updated_at":"2025-03-10T14:58:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"7c8b1ab8-af24-4d97-8727-01608c5c4ea8","html_url":"https://github.com/Athari/Alba.Avalonia.FlexPanel","commit_stats":null,"previous_names":["athari/alba.avalonia.flexpanel"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/Athari/Alba.Avalonia.FlexPanel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Athari%2FAlba.Avalonia.FlexPanel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Athari%2FAlba.Avalonia.FlexPanel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Athari%2FAlba.Avalonia.FlexPanel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Athari%2FAlba.Avalonia.FlexPanel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Athari","download_url":"https://codeload.github.com/Athari/Alba.Avalonia.FlexPanel/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Athari%2FAlba.Avalonia.FlexPanel/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265521565,"owners_count":23781531,"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":["avalonia","avaloniaui","c-sharp","c-sharp-library","dotnet","flexbox","flexbox-layout","xaml"],"created_at":"2024-09-27T05:21:54.525Z","updated_at":"2025-07-16T15:34:30.247Z","avatar_url":"https://github.com/Athari.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Alba.Avalonia.FlexPanel\n\n[![NuGet release version](https://img.shields.io/nuget/v/Alba.Avalonia.FlexPanel.svg?label=release\u0026logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNqUkbENwjAQRY8ovZkgG5AJYALS0GaDMAGeACYIE7ABtFSZgEyAy3TegG/pR7IuToCTXuHTvTufvTo8h42InIAFTn6MDARxCwr5I3JOuYAuyhdsqCPU%2BFHslHQD9cKwI7jmKtlSsrz%2BPiGGGhOLBjSgAg/m3jO7nzMlSrSbiXLJV510A3dOi0X/TRTuNko9KMGaayyKcVSUhbtbLfoZ0SX%2BciL2CbFR5/DPXl91l5jcsjg0eHH3UouecqfyNRsIH8p9BBgAANInlRmoOxQAAAAASUVORK5CYII=)](https://www.nuget.org/packages/Alba.Avalonia.FlexPanel)\n[![AppVeyor build master](https://img.shields.io/appveyor/ci/athari/alba-avalonia-flexpanel/master.svg?logo=appveyor)](https://ci.appveyor.com/project/Athari/alba-avalonia-flexpanel/branch/master)\n[![GitHub release version](https://img.shields.io/github/release/Athari/Alba.Avalonia.FlexPanel.svg?logo=github)](https://github.com/Athari/Alba.Avalonia.FlexPanel/releases)\n\nPanel implementing CSS-like flexbox for Avalonia 11.\n\n* [**GitHub repository**](https://github.com/Athari/Alba.Avalonia.FlexPanel)\n* [**NuGet package**](https://www.nuget.org/packages/Alba.Avalonia.FlexPanel)\n\u003c!-- --\u003e\n    PM\u003e dotnet add package Alba.Avalonia.FlexPanel\n\n## Features\n\nFlexbox features:\n* direction: row, column, row reverse, column reverse\n* flex-wrap: nowrap, wrap, wrap-reverse\n* align-items, align-self: flex-start, flex-end, center, stretch\n* align-content, justify-content: flex-start, flex-end, center, space-between, space-around, space-evenly\n* flex-basis: content, length\n* flex-grow, flex-shrink, order\n* row-gap, column-gap\n\n## Important\n\nBefore using this library, make sure [AvaloniaUI](https://github.com/AvaloniaUI/Avalonia) or [AvaloniaUI Labs](https://github.com/AvaloniaUI/Avalonia.Labs) don't include a more fully-featured implementation of FlexPanel yet. Currently they don't, but this ReadMe isn't guaranteed to be up to date. Refer to the list below for a comparison of the currently implemented features.\n\n## Alternatives\n\n* [AvaloniaUI/Avalonia.Labs (pull 45)](https://github.com/AvaloniaUI/Avalonia.Labs/pull/45) (modification of jp2masa's implementation):\n    * Advantages:\n        * Supports:\n            * flex-basis: percent\n            * margin:auto behavior on non-stretch alignment\n            * partial main axis free space distribution\n        * Fork of offical AvaloniaUI labs\n        * Less bugs, better compatibility with the Flexbox standard\n    * Disadvantages:\n        * No NuGet package\n\n* [AvaloniaUI/Avalonia.Labs](https://github.com/AvaloniaUI/Avalonia.Labs) (migrated jp2masa's implementation):\n    * Advantages:\n        * Offical AvaloniaUI labs\n    * Disadvantages:\n        * Doesn't support: flex-grow, flex-shrink, flex-basis\n        * Non-standard calculation of gaps, alignment etc.\n\n* [jp2masa/Avalonia.Flexbox](https://github.com/jp2masa/Avalonia.Flexbox) (alternative implementation):\n    * Advantages:\n        * Supports: FlexLayout for ItemsRepeater\n    * Disadvantages:\n        * Doesn't support: flex-grow, flex-shrink, flex-basis\n\n* [dotNevereverlie/Avalonia.FlexPanel](https://github.com/dotNevereverlie/Avalonia.FlexPanel) (alternative port):\n    * Disadvantages:\n        * Doesn't support: Avalonia 11, row-gap, column-gap, space-evenly\n        * Severe bugs\n\n## Acknowledgements\n\nBased on:\n\n* [HandyOrg/HandyControl](https://github.com/HandyOrg/HandyControl)\n\n* [jp2masa/Avalonia.Flexbox](https://github.com/jp2masa/Avalonia.Flexbox)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fathari%2Falba.avalonia.flexpanel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fathari%2Falba.avalonia.flexpanel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fathari%2Falba.avalonia.flexpanel/lists"}