{"id":13660473,"url":"https://github.com/Delt06/ui-scaling-toolkit","last_synced_at":"2025-04-24T19:31:02.984Z","repository":{"id":114560648,"uuid":"394188337","full_name":"Delt06/ui-scaling-toolkit","owner":"Delt06","description":"A collection of components to ensure proper UI scaling for mobile devices.","archived":false,"fork":false,"pushed_at":"2022-06-02T10:24:15.000Z","size":1328,"stargazers_count":10,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-10T14:42:31.440Z","etag":null,"topics":["ui","unity"],"latest_commit_sha":null,"homepage":"","language":"ShaderLab","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/Delt06.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}},"created_at":"2021-08-09T07:11:26.000Z","updated_at":"2024-08-01T09:17:18.000Z","dependencies_parsed_at":"2023-05-28T13:45:47.850Z","dependency_job_id":null,"html_url":"https://github.com/Delt06/ui-scaling-toolkit","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Delt06%2Fui-scaling-toolkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Delt06%2Fui-scaling-toolkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Delt06%2Fui-scaling-toolkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Delt06%2Fui-scaling-toolkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Delt06","download_url":"https://codeload.github.com/Delt06/ui-scaling-toolkit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250693520,"owners_count":21472272,"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":["ui","unity"],"created_at":"2024-08-02T05:01:21.997Z","updated_at":"2025-04-24T19:31:01.540Z","avatar_url":"https://github.com/Delt06.png","language":"ShaderLab","funding_links":[],"categories":["ShaderLab"],"sub_categories":[],"readme":"# UI Scaling Toolkit\n\n[![Version](https://img.shields.io/github/v/release/Delt06/ui-scaling-toolkit?sort=semver)](https://github.com/Delt06/ui-scaling-toolkit/releases)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n![Screenshot](Documentation/screenshot.png)\n\nA collection of components to ensure proper UI scaling for mobile devices.\n\n\u003e Developed and tested with Unity 2021.3.3f1 LTS\n\u003e \n\u003e Designed to work with Portrait mode games. \n\n## Installation\n### Option 1\n- Open Package Manager through Window/Package Manager\n- Click \"+\" and choose \"Add package from git URL...\"\n- Insert the URL: https://github.com/Delt06/ui-scaling-toolkit.git?path=Packages/com.deltation.ui-scaling-toolkit\n\n### Option 2\nAdd the following line to `Packages/manifest.json`:\n```\n\"com.deltation.ui-scaling-toolkit\": \"https://github.com/Delt06/ui-scaling-toolkit.git?path=Packages/com.deltation.ui-scaling-toolkit\",\n```\n\n## Dependencies\n- Unity UI (uGUI)\n- Device Simulator (bundled with Unity)\n\n## Components\n- Safe Area Canvas Scaler - ensures safe area always has intended height\n- Safe Area Settings - extra configuration \n  - Whether to ignore bottom unsafe area or not \n  - Extra padding (e.g. to handle banners)\n- Safe Area Rect - adjusts anchors (full screen) to exclude unsafe area\n\n\u003e Tip: full screen backgrounds and overlays should not be inside a Safe Area Rect to prevent creating holes in unsafe area.\n\n## Device\nAccording to a [StackOverflow thread](https://stackoverflow.com/questions/7199492/what-are-the-aspect-ratios-for-all-android-phone-and-tablet-devices), the lowest width to height ratio is 9:19.5.\n\nThe package adds a custom device called \"Widest Android\" to Device Simulator to cover that case.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDelt06%2Fui-scaling-toolkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDelt06%2Fui-scaling-toolkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDelt06%2Fui-scaling-toolkit/lists"}