{"id":13912386,"url":"https://github.com/pixijs/layout","last_synced_at":"2025-04-11T02:51:49.821Z","repository":{"id":65857051,"uuid":"579016620","full_name":"pixijs/layout","owner":"pixijs","description":"Library for arranging/resizing pixiJS rendered elements basing on css like configs","archived":false,"fork":false,"pushed_at":"2024-07-31T14:27:18.000Z","size":16899,"stargazers_count":81,"open_issues_count":12,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T18:49:39.667Z","etag":null,"topics":["layout","pixijs","ui"],"latest_commit_sha":null,"homepage":"https://pixijs.io/layout/","language":"TypeScript","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/pixijs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":"pixijs","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2022-12-16T12:59:37.000Z","updated_at":"2025-04-05T11:25:17.000Z","dependencies_parsed_at":"2023-12-14T18:48:09.765Z","dependency_job_id":"cc37ef31-58ff-4049-a8ea-831070282e20","html_url":"https://github.com/pixijs/layout","commit_stats":{"total_commits":223,"total_committers":3,"mean_commits":74.33333333333333,"dds":"0.17488789237668156","last_synced_commit":"9678b76d243d52abc19052780ef148327936e92e"},"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixijs%2Flayout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixijs%2Flayout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixijs%2Flayout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pixijs%2Flayout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pixijs","download_url":"https://codeload.github.com/pixijs/layout/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248333123,"owners_count":21086193,"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":["layout","pixijs","ui"],"created_at":"2024-08-07T01:01:24.117Z","updated_at":"2025-04-11T02:51:49.790Z","avatar_url":"https://github.com/pixijs.png","language":"TypeScript","funding_links":["https://opencollective.com/pixijs"],"categories":["ui","TypeScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ch1\u003e\u003cimg src=\"https://user-images.githubusercontent.com/11766115/228631922-d1d932c0-e5c9-4213-a719-69efaf34d4e7.png\" /\u003e\n\u003c/h1\u003e\n    \u003ch3\u003eIt is a library for arranging/resizing pixi rendered elements basing on css like configs. It is made for simple and fast implementation of the responsive user interfaces in your games.\u003c/h3\u003e\n\u003c/div\u003e\n\n**We are now a part of the [Open Collective](https://opencollective.com/pixijs) and with your support you can help us make PixiJS even better. To make a donation, simply click the button below and we'll love you forever!**\n\nHere are some useful resources:\n\n-   [Full docs](https://pixijs.io/layout/)\n-   [Github Repo](https://github.com/pixijs/layout)\n-   [Sandbox](https://pixijs.io/layout/storybook)\n\n## Compatibility\n\nDepending on your version of PixiJS, you'll need to figure out which major version of PixiLayout to use.\n\n| PixiJS      | PixiLayout     |\n|-------------|----------------|\n| v7.x        | v1.x           |\n| v8.x        | v2.x           |\n\n## Install\n\n```sh\nnpm i @pixi/layout\n```\n\n## Usage\n\n```js\nimport { Layout } from \"@pixi/layout\";\n\nnew Layout({\n    content: {\n        content: Sprite.from(\"bunny.png\"),\n        styles: {\n            position: \"center\",\n            maxWidth: \"100%\",\n            minHeight: \"100%\",\n        },\n    },\n    styles: {\n        background: \"red\",\n        position: \"center\",\n        width: `100%`,\n        height: `100%`,\n    },\n});\n```\n\n### Contribute\n\nWant to be part of the PixiUI project? Great! All are welcome! We will get there quicker\ntogether :) Whether you find a bug, have a great feature request, or you fancy owning a task\nfrom the road map above, feel free to get in touch.\n\nMake sure to read the [Contributing Guide](.github/CONTRIBUTING.md)\nbefore submitting changes.\n\nAlso you can check the [Controllers influence schemas](.github/SCHEMAS.md)\n\n### License\n\nThis content is released under the (http://opensource.org/licenses/MIT) MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixijs%2Flayout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpixijs%2Flayout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixijs%2Flayout/lists"}