{"id":13395332,"url":"https://github.com/kor-ui/kor","last_synced_at":"2025-04-05T03:01:55.277Z","repository":{"id":38458334,"uuid":"223993090","full_name":"kor-ui/kor","owner":"kor-ui","description":"User Interface Component Library based on LitElement / lit-html","archived":false,"fork":false,"pushed_at":"2023-03-02T06:36:37.000Z","size":5714,"stargazers_count":277,"open_issues_count":16,"forks_count":20,"subscribers_count":10,"default_branch":"develop","last_synced_at":"2025-03-29T02:08:36.558Z","etag":null,"topics":["design-system","kor","lit-element","lit-html","litelement","webcomponents"],"latest_commit_sha":null,"homepage":"https://www.kor-ui.com","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/kor-ui.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"kor_ui","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-11-25T16:27:39.000Z","updated_at":"2025-02-18T11:01:19.000Z","dependencies_parsed_at":"2023-09-27T03:37:30.005Z","dependency_job_id":null,"html_url":"https://github.com/kor-ui/kor","commit_stats":{"total_commits":384,"total_committers":8,"mean_commits":48.0,"dds":"0.44270833333333337","last_synced_commit":"888a8afc845fd26fa6c508a2d52552432f43ba11"},"previous_names":["eduferfer/kor"],"tags_count":78,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kor-ui%2Fkor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kor-ui%2Fkor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kor-ui%2Fkor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kor-ui%2Fkor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kor-ui","download_url":"https://codeload.github.com/kor-ui/kor/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247280190,"owners_count":20912966,"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":["design-system","kor","lit-element","lit-html","litelement","webcomponents"],"created_at":"2024-07-30T17:01:52.740Z","updated_at":"2025-04-05T03:01:55.227Z","avatar_url":"https://github.com/kor-ui.png","language":"TypeScript","readme":"![](https://kor-ui.com/assets/favicon_light.png)\n# kor\n\n### Visit [www.kor-ui.com](https://www.kor-ui.com/) for samples, APIs and other design/development documentation\n\nA design system / UI component library built with LitElement. Based on the web components standards, kor is browser-, framework- and OS-agnostic and can be used to build web, desktop and mobile applications using Angular, Vue, React, plain JS and so on.\n\n## Installation\n\nInstall the library through npm:\n\n```\nnpm install @kor-ui/kor --save\n```\n\n---\n\n## Integration of Components\n\n### Load the whole bundle\n\nThe most simple and common way of including the components into an application is by loading the core bundle:\n\n\n```js\n// include bundle through module import\nimport '@kor-ui/kor'\n// if using JS, css can also be imported. if using TS, use html stylesheet as shown below\nimport '@kor-ui/kor/kor-styles.css'\n```\n\n*or*\n\n```html\n\u003c!-- include bundle and styles in html file --\u003e\n\u003cscript type=\"text/javascript\" charset=\"utf-8\" src=\"node_modules/@kor-ui/kor/index.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"node_modules/@kor-ui/kor/kor-styles.css\"\u003e\n```\n\n### Load single components\n\nAs an alternative, you can also load individual components to reduce loading time. Be aware that components are inter-dependent and should be imported independently:\n\n```js\n// include individual components and styles through module import\nimport '@kor-ui/kor/components/button'\nimport '@kor-ui/kor/components/text'\n// if using JS, css can also be imported. if using TS, use html stylesheet as shown below\nimport '@kor-ui/kor/kor-styles.css'\n```\n\n*or*\n\n```html\n\u003c!-- include single components and styles in html file --\u003e\n\u003cscript type=\"text/javascript\" charset=\"utf-8\" src=\"node_modules/@kor-ui/kor/components/button/index.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" charset=\"utf-8\" src=\"node_modules/@kor-ui/kor/components/text/index.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"node_modules/@kor-ui/kor/kor-styles.css\"\u003e\n```\n\n---\n\n## Usage\n\nUse the kor components as if they were native HTML tags. All components allow one and two-way data binding and the attributes fire an `\u003cattribute\u003e-changed` event when modified:\n\n```html\n\u003ckor-button label=\"Hello World\" color=\"secondary\" disabled\u003e\u003c/kor-button\u003e\n\u003c!-- data binding --\u003e\n\u003ckor-accordion [label]=\"myVar\" (expanded-changed)=\"myFunction()\"\u003e\u003c/kor-accordion\u003e\n```\n","funding_links":["https://ko-fi.com/kor_ui"],"categories":["Useful Links","TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkor-ui%2Fkor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkor-ui%2Fkor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkor-ui%2Fkor/lists"}