{"id":19831696,"url":"https://github.com/robrohan/pho-ui","last_synced_at":"2026-04-15T12:39:35.209Z","repository":{"id":66564685,"uuid":"356451598","full_name":"robrohan/pho-ui","owner":"robrohan","description":"A bare bones, CSS only UI styling kit for people who are not afraid of just CSS. It stays out of your way and gives you a base for creating UIs quickly.","archived":false,"fork":false,"pushed_at":"2021-11-13T07:55:16.000Z","size":36,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-05T12:34:24.123Z","etag":null,"topics":["css","spike","style","web"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/robrohan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2021-04-10T02:48:02.000Z","updated_at":"2023-09-07T02:43:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"700c403b-27c1-48a5-80d5-fb5dd1313b0c","html_url":"https://github.com/robrohan/pho-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/robrohan/pho-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robrohan%2Fpho-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robrohan%2Fpho-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robrohan%2Fpho-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robrohan%2Fpho-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robrohan","download_url":"https://codeload.github.com/robrohan/pho-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robrohan%2Fpho-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31842192,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T11:29:19.690Z","status":"ssl_error","status_checked_at":"2026-04-15T11:29:19.171Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["css","spike","style","web"],"created_at":"2024-11-12T11:33:49.633Z","updated_at":"2026-04-15T12:39:35.127Z","avatar_url":"https://github.com/robrohan.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# pho-ui\n\nPho-ui is just a stylesheet that styles the default HTML controls into something that looks basic but useable. It also allows you to extend it with just plain old CSS (if you know how to use CSS).\n\nThe sheet is only ~400 lines, so you can use it as a starter kit if you like, but you can just override anything using your own sheet on top of it.\n\nPho-ui styles default HTML elements - things like buttons, text areas, drop downs, checkboxes and radio buttons. You don't have to use any special classes or do anything like that - just write HTML.\n\nIt is meant to be something you can just drop into any web project and have something useable that you can iterate on.\n\n## Usage\n\nJust include it:\n\n```html\n\u003chead\u003e\n  \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"src/pho-ui.css\" /\u003e\n\u003c/head\u003e\n```\n\nThen build your UI with standard HTML tags.\n\nYou can override colors, by overriding the root variables:\n\n```css\n:root {\n  --main-font: \"courier\";\n  --select-focus: black;\n  --color-control: silver;\n}\n```\n\nSee the example files for more usage examples.\n\nPho-ui does not provide any layout classes or help. I suggest you read up on how to use [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) and [CSS Flex Box](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) instead.\n\n![screen shot](img/phoui.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobrohan%2Fpho-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobrohan%2Fpho-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobrohan%2Fpho-ui/lists"}