{"id":18798491,"url":"https://github.com/uiwebkit/flags","last_synced_at":"2026-04-27T00:31:53.696Z","repository":{"id":143122821,"uuid":"427611181","full_name":"uiwebkit/flags","owner":"uiwebkit","description":"Uni Flags","archived":false,"fork":false,"pushed_at":"2022-03-12T21:18:09.000Z","size":1341,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-25T10:54:06.643Z","etag":null,"topics":["country-flags","custom-elements","flag","flags","html","stencil","stenciljs","web","web-components","webcomponents"],"latest_commit_sha":null,"homepage":"https://uiwebkit.com/icn/1/flag/?type=element","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/uiwebkit.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-11-13T08:37:52.000Z","updated_at":"2023-02-16T13:47:10.000Z","dependencies_parsed_at":"2023-07-21T21:31:41.134Z","dependency_job_id":null,"html_url":"https://github.com/uiwebkit/flags","commit_stats":null,"previous_names":["uiwebkit/flag"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/uiwebkit/flags","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Fflags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Fflags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Fflags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Fflags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uiwebkit","download_url":"https://codeload.github.com/uiwebkit/flags/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uiwebkit%2Fflags/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32318417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"ssl_error","status_checked_at":"2026-04-26T23:26:25.802Z","response_time":129,"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":["country-flags","custom-elements","flag","flags","html","stencil","stenciljs","web","web-components","webcomponents"],"created_at":"2024-11-07T22:12:11.408Z","updated_at":"2026-04-27T00:31:53.673Z","avatar_url":"https://github.com/uiwebkit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square)\n\n# Uni Flags\n\nUni Flags a set of Custom Elements to use Country flags icons in the declarative style.\n\nUni Flags takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components \u0026 Custom Elements that run in any browser supporting the Custom Elements v1 spec.\n\nUni Flags components are just HTML Web Components \u0026 Custom Elements, so they work in any major framework or with no framework at all.\n\n## Getting Started\n\nTo start building a new web component using Stencil, clone this repo to a new directory:\n\n```bash\ngit clone https://github.com/uiwebkit/flags.git uni-flags\ncd uni-flags\n```\n\nand run:\n\n```bash\nnpm i\nnpm run serve:dev\n```\n\nTo build the component for production, run:\n\n```bash\nnpm run build:prod\n```\n\nCheck out our docs [here](https://uiwebkit.com/icn/1/flag/?type=element).\n\n\n## Naming Components\n\nWhen creating new component tags, use `uni` in the component name (ex: `\u003cuni-flag\u003e`) or use a prefix that fits your company or any name for a group of related components. For example, all the UiWebKit generated Web Components \u0026 Custom Elements use the prefix `uni`.\n\n\n## Using Components\n\nThere are two strategies we recommend for using Uni Flags:\n\n### Script tag\n\n- Put a script tag `\u003cscript type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@uiwebkit/flag@latest/dist/flag/flag.esm.js\"\u003e\u003c/script\u003e` in the head of your index.html\n- To support old browsers, also put a script tag `\u003cscript nomodule src=\"https://cdn.jsdelivr.net/npm/@uiwebkit/flag@latest/dist/flag/flag.js\"\u003e\u003c/script\u003e` in the head of your index.html\n- Then you can use the element anywhere in your template, JSX, html etc\n\n### Node Modules\n- Run `npm i @uiwebkit/flag --save`\n- Put a script tag similar to this `\u003cscript type=\"module\" src=\"node_modules/@uiwebkit/flag/dist/flag/flag.esm.js\"\u003e\u003c/script\u003e` in the head of your index.html\n- To support old browsers, also put a script tag `\u003cscript nomodule src=\"node_modules/@uiwebkit/flag/dist/flag/flag.js\"\u003e\u003c/script\u003e` in the head of your index.html\n- Then you can use the element anywhere in your template, JSX, html etc\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwebkit%2Fflags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuiwebkit%2Fflags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuiwebkit%2Fflags/lists"}