{"id":33340918,"url":"https://github.com/ui5/webcomponents","last_synced_at":"2026-04-02T23:11:30.276Z","repository":{"id":37318626,"uuid":"167405382","full_name":"UI5/webcomponents","owner":"UI5","description":"UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.","archived":false,"fork":false,"pushed_at":"2025-11-17T14:26:08.000Z","size":139623,"stargazers_count":1702,"open_issues_count":320,"forks_count":280,"subscribers_count":54,"default_branch":"main","last_synced_at":"2025-11-17T14:34:26.154Z","etag":null,"topics":["open-source","ui5","ui5-webcomponents","web-component","webcomponent"],"latest_commit_sha":null,"homepage":"https://ui5.github.io/webcomponents/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UI5.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":"SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2019-01-24T17:09:23.000Z","updated_at":"2025-11-17T07:58:16.000Z","dependencies_parsed_at":"2022-07-20T20:18:47.796Z","dependency_job_id":"f54e097e-7ae5-4b11-808f-8eb69db521a3","html_url":"https://github.com/UI5/webcomponents","commit_stats":{"total_commits":5385,"total_committers":127,"mean_commits":42.40157480314961,"dds":0.8207985143918292,"last_synced_commit":"84f4cfa98d7486d9a462677a2833a74270848338"},"previous_names":["ui5/webcomponents","sap/ui5-webcomponents"],"tags_count":393,"template":false,"template_full_name":null,"purl":"pkg:github/UI5/webcomponents","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UI5","download_url":"https://codeload.github.com/UI5/webcomponents/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents/sbom","scorecard":{"id":3900,"data":{"date":"2025-08-11","repo":{"name":"github.com/SAP/ui5-webcomponents","commit":"ba613f4c62078e54387e860f89a982a1f9ec2ce9"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":5.4,"checks":[{"name":"Maintained","score":10,"reason":"30 commit(s) and 10 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":9,"reason":"Found 28/30 approved changesets -- score normalized to 9","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE.txt:0","Info: FSF or OSI recognized license: Apache License 2.0: LICENSE.txt:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: jobLevel 'contents' permission set to 'write': .github/workflows/issues-handling.yaml:9","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/merge-release-changelog.yaml:9","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/release-rc-auto.yaml:11","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/release-stable.yaml:20","Warn: no topLevel permission defined: .github/workflows/ci-test-website.yaml:1","Warn: no topLevel permission defined: .github/workflows/ci-test.yaml:1","Warn: no topLevel permission defined: .github/workflows/deploy-website-auto.yaml:1","Warn: no topLevel permission defined: .github/workflows/deploy-website-manually.yaml:1","Warn: no topLevel permission defined: .github/workflows/deploy-website-on-release.yaml:1","Warn: no topLevel permission defined: .github/workflows/issue-comment-on-close.yaml:1","Warn: no topLevel permission defined: .github/workflows/issue-reopen-on-comment.yaml:1","Warn: no topLevel permission defined: .github/workflows/issues-close.yaml:1","Warn: no topLevel permission defined: .github/workflows/issues-handling.yaml:1","Warn: no topLevel permission defined: .github/workflows/lint.yaml:1","Warn: no topLevel permission defined: .github/workflows/merge-release-changelog.yaml:1","Warn: no topLevel permission defined: .github/workflows/release-downport.yaml:1","Warn: no topLevel permission defined: .github/workflows/release-experimental.yaml:1","Warn: no topLevel permission defined: .github/workflows/release-rc-auto.yaml:1","Warn: no topLevel permission defined: .github/workflows/release-rc.yaml:1","Warn: no topLevel permission defined: .github/workflows/release-stable.yaml:1","Warn: no topLevel permission defined: .github/workflows/reset-gh-pages.yaml:1"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Security-Policy","score":10,"reason":"security policy file detected","details":["Info: security policy file detected: github.com/SAP/.github/SECURITY.md:1","Info: Found linked content: github.com/SAP/.github/SECURITY.md:1","Info: Found disclosure, vulnerability, and/or timelines in security policy: github.com/SAP/.github/SECURITY.md:1","Info: Found text in security policy: github.com/SAP/.github/SECURITY.md:1"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test-website.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test-website.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test-website.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test-website.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-test.yaml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/ci-test.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-auto.yaml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-auto.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-auto.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-auto.yaml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy-website-auto.yaml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-auto.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-manually.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-manually.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-manually.yaml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-manually.yaml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy-website-manually.yaml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-manually.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-on-release.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-on-release.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-website-on-release.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-on-release.yaml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy-website-on-release.yaml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/deploy-website-on-release.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issue-comment-on-close.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issue-comment-on-close.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issue-reopen-on-comment.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issue-reopen-on-comment.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issue-reopen-on-comment.yaml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issue-reopen-on-comment.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-close.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-close.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-handling.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-handling.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-handling.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-handling.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issues-handling.yaml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/issues-handling.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/lint.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/lint.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/merge-release-changelog.yaml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/merge-release-changelog.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/merge-release-changelog.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/merge-release-changelog.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/merge-release-changelog.yaml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/merge-release-changelog.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-downport.yaml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-downport.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-downport.yaml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-downport.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-experimental.yaml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-experimental.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-experimental.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-experimental.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc-auto.yaml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc-auto.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc.yaml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-rc.yaml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc.yaml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release-rc.yaml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-rc.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:62: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-stable.yaml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/release-stable.yaml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/reset-gh-pages.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents/reset-gh-pages.yaml/main?enable=pin","Info:   0 out of  36 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   5 third-party GitHubAction dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 29 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"31 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-x4c5-c7rf-jjgv","Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q","Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38","Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx","Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-14T13:08:28.862Z","repository_id":37318626,"created_at":"2025-08-14T13:08:28.862Z","updated_at":"2025-08-14T13:08:28.862Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":285620632,"owners_count":27203062,"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","status":"online","status_checked_at":"2025-11-21T02:00:06.175Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["open-source","ui5","ui5-webcomponents","web-component","webcomponent"],"created_at":"2025-11-21T13:00:25.914Z","updated_at":"2025-11-21T13:02:06.364Z","avatar_url":"https://github.com/UI5.png","language":"TypeScript","readme":"#  ![UI5 icon](https://raw.githubusercontent.com/UI5/webcomponents/main/docs/images/Logo_wide_25.png)\n\n[![CI](https://github.com/UI5/webcomponents/actions/workflows/test.yaml/badge.svg)](https://github.com/UI5/webcomponents/actions/workflows/test.yaml)\n[![npm Package Version](https://badge.fury.io/js/%40ui5%2Fwebcomponents.svg)](https://www.npmjs.com/package/@ui5/webcomponents)\n[![REUSE status](https://api.reuse.software/badge/github.com/UI5/webcomponents)](https://api.reuse.software/info/github.com/UI5/webcomponents)\n\n## What are [UI5 Web Components](https://ui5.github.io/webcomponents)?\n\n - A rich set of **enterprise-grade reusable UI elements** driven by a **lightweight framework** (~20K gzipped for the framework part).\n - Suitable for building anything from **static web sites** to **complex web applications**.\n - Usable with any current or future **web development framework** (React, Angular, Vue, etc.).\n - Implement the [SAP Fiori design](https://experience.sap.com/fiori-design/) and follow the [SAP Fiori Design Guidelines](https://experience.sap.com/fiori-design-web/) for a consistent UX.\n - Created and maintained by [SAP](https://sap.com) as part of the [UI5](https://openui5.org/) product family.\n\n## Why use web components?\n\n - **Future-proof**: being *web standards*, they are compatible with any version of any web development framework.\n - **Encapsulated**: the HTML/CSS in the *shadow DOM* are protected from interference by the web page and vice versa, making them stable in any environment and suitable not only for apps, but also for *libraries and micro-frontends*.\n - **Elegant**: being *custom HTML elements*, they hide implementation complexity behind a single HTML tag, making them easily usable with the standard DOM APIs.\n\n## Where can I see them in action?\n- [Playground and API Reference](https://ui5.github.io/webcomponents/components/)\n\n## More Resources\n- [UI5 Web Components Home Page](https://ui5.github.io/webcomponents)\n- [Configuring UI5 Web Components](./docs/2-advanced/01-configuration.md)\n- [Customizing with `UI Theme Designer`](./docs/2-advanced/12-theming.md)\n- [Creating a Custom UI5 Web Components Package](docs/4-development/01-package.md)\n- [Developing Custom UI5 Web Components](docs/4-development/02-component.md)\n- [Micro-Frontends and Custom Elements Scoping](./docs/2-advanced/06-scoping.md)\n- [Release Management](./docs/08-Releases.md)\n- [F.A.Q.](./docs/09-FAQ.md)\n\n## Related Projects\n\n### OpenUI5\n\n#### 1. What is UI5/OpenUI5?\n\n[OpenUI5](https://openui5.org/) is an open source JS framework that lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice. It's based on JavaScript, using jQuery as its foundation and follows web standards. It eases your development with a client-side HTML5 rendering library including a rich set of controls and supports data binding to different data models (JSON, XML and OData).\n\n#### 2. How do UI5 Web Components relate to OpenUI5?\n\nUI5 Web Components…\n* …are **not built on top** of UI5, but rather lightweight and independent UI elements.\n* …are **not a successor** of UI5, but rather a complementary offering.\n* …bring the relevant **UI5 qualities and SAP Fiori UX to the HTML level**, usable with any web framework.\n\nUI5 Web Components are good for…\n* …web applications which **already use a different web framework**.\n* …**static web sites** built without web frameworks, to just add a few interactive UI elements.\n\nUI5 remains what it is: the best choice for…\n* …building complete **enterprise-ready and responsive web applications**.\n\n### UI5 Web Components for React\n\n[UI5 Web Components for React](https://github.com/SAP/ui5-webcomponents-react) is a wrapper implementation around\nUI5 Web Components which makes using them in React even more comfortable. The current version of React (`react 18`) has some\nshortcomings when it comes to handling Custom Elements, namely the binding of `boolean` attributes as well as adding event listeners to custom event names like `selection-change`. With the help of UI5 Web Components for React, you can use the UI5 Web Components in React as if they were native React components. In addition to that, this library is also offering TypeScript definitions for all components, some complex layout components built on top of UI5 Web Components as well as Charting Components.\n\n### UI5 Web Components for Angular\n\n[UI5 Web Components for Angular](https://github.com/SAP/ui5-webcomponents-ngx) is a wrapper implementation around\nUI5 Web Components which to make it work with Angular without needing to use the `CUSTOM_ELEMENTS_SCHEMA` or `NO_ERRORS_SCHEMA` schemas.\nMoreover, all Angular-specific features, such as two-way data binding and Angular Form support, work out of the box.\n\n## How to Use\n\n1. Install the NPM module(s) that ship the desired UI5 Web Component(s), for example if you need `ui5-button`:\n\n\t```sh\n\tnpm install @ui5/webcomponents\n\t```\n\n2. Import the desired UI5 Web Component(s) to your app:\n\n\t```js\n\timport \"@ui5/webcomponents/dist/Button.js\"; // loads and defines ui5-button\n\t```\n\n3. Use the UI5 Web Component(s) as you would use any HTML element:\n\n\t```html\n\t\u003cui5-button\u003eHello world!\u003c/ui5-button\u003e\n\t```\n\n\tFor more information, see [Importing UI5 Web Components](https://ui5.github.io/webcomponents/docs/getting-started/components-packages/) and [Understanding UI5 Web Components APIs](https://ui5.github.io/webcomponents/docs/getting-started/components-APIs/).\n\n## Typescript Support\nTypeScript Support is enabled for both component development and component consumption.\nSince version `1.11.0`, we have been providing TypeScript definitions under an experimental flag, and starting from version `1.19.0`, all TypeScript definitions are considered `stable`. \n\n### Is there a CDN I can use?\n\nNo, you are expected to import only the components (or other public APIs) that you are going to use and bundle them along with the rest\nof your application.\n\n## Browser Support\n\nUI5 Web Components are supported by all major modern browsers.\n\nBrowser | Supported versions\n--------|--------\nChrome | Latest two stable releases\nFirefox | Latest two stable releases\nSafari | Latest two stable releases\nEdge | Latest two stable releases\n\n## Project Structure, Development and Build\n\nThis section might be of interest to you mainly if you need to run or build the project locally\n\n### Requirements\n- [Node.js](https://nodejs.org/) (**version 21 or higher**)\n- [Yarn](https://yarnpkg.com/en) (**version 1.22 or higher for branches released before v2.15**)\n- Yarn v4 is managed via [Corepack](https://github.com/nodejs/corepack), run `corepack enable` in case the `yarn` command is not found.\n\n**Note:** The UI5 Web Components project is set up with the [Yarn](https://yarnpkg.com/) node package manager.\nThis is because it offers functionality that the otherwise preferred [npm](https://www.npmjs.com/) package manager is currently lacking. Namely, the [workspace](https://yarnpkg.com/lang/en/docs/workspaces/) setting which is currently used in the [UI5 Web Components (mono-)repository](https://github.com/UI5/webcomponents).\n\n### Structure\n\nThe UI5 Web Components project contains several packages:\n\n| Project                     | NPM Package                                                                                                        | Description                                                                                                                |\n|-----------------------------|--------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------|\n| `main`                      | [UI5 Web Components - Main](https://www.npmjs.com/package/@ui5/webcomponents)                                      | Bread-and-butter components (buttons, inputs, popups, pickers, tables, etc.) that are generally found in web apps.         |\n| `fiori`                     | [UI5 Web Components - Fiori](https://www.npmjs.com/package/@ui5/webcomponents-fiori)                               | More semantic components, specific to the Fiori UX (shell bar, side navigation, etc.) that are commonly found in SAP apps. |\n| `icons`                     | [UI5 Web Components - Icons](https://www.npmjs.com/package/@ui5/webcomponents-icons)                               | A rich icons collection (`SAP-icons`), suitable for enterprise-grade apps                                                  |\n| `icons-tnt`                 | [UI5 Web Components - Icons TNT](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt)                       | A rich icons collection (`SAP-icons-TNT`), suitable for more technical apps                                                |\n| `icons-business-suite`      | [UI5 Web Components - Icons Business Suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) | A rich icons collection (`BusinessSuiteInAppSymbols`), suitable for SAP Fiori apps                                         |\n| `base`                      | [UI5 Web Components - Base](https://www.npmjs.com/package/@ui5/webcomponents-base)                                 | The UI5 Web Components framework itself                                                                                    |\n| `theming`                   | [UI5 Web Components - Theming](https://www.npmjs.com/package/@ui5/webcomponents-theming)                           | Theming assets (the default theme and additional accessibility themes)                                                     |\n| `localization`              | [UI5 Web Components - Localization](https://www.npmjs.com/package/@ui5/webcomponents-localization)                 | `i18n` functionality and `CLDR` assets                                                                                     |\n| `create-package`            | [Create Webcomponents Package](https://www.npmjs.com/package/@ui5/create-webcomponents-package)                    | An `npm init` script for creating new UI5 Webcomponents Packages                                                           |\n| `playground`                | N/A                                                                                                                | The playground application                                                                                                 |\n\n### How to run the project locally:\n\n```sh\nyarn # to install all dependencies\nyarn start # to serve the project\n```\n\nA dev server will be started and the browser will open its index URL with a listing of all test pages.\n\n### How to start Website (Docs \u0026 Samples):\nYou can start the website app with the following commands:\n\n```sh\nyarn # to install all dependencies\n\n# start the playground from the project root\nyarn start:website\n\n# open http://localhost:3000/webcomponents/nightly/\n```\n\n**Note:** If you wish to manually install dependencies \u0026 run the Playground you can check out our [in depth tutorial](docs/5-contributing/03-website.md)\n\n### Production Build\nTo build the UI5 Web Components project, run the following commands:\n\n```sh\nyarn # to install all dependencies\nyarn ci:releasebuild # to build the project\n```\n\nAfterwards, you can find the build output in the `dist` folder of the corresponding package folder.\nFor example, to find the Button component (that belongs to the `main` package), look inside the `packages/main/dist` folder.\n\n## Limitations\nNone as of 1.24.0\n\n## Known Issues\nNo major bugs known. To report an issue or view the currently open issues, click [here](https://github.com/UI5/webcomponents/issues).\n\n## Support\nWe welcome all comments, suggestions, questions, and bug reports. Please follow our [Support Guidelines](/SUPPORT.md#-content) on how to report an issue, or chat with us in the `#webcomponents` channel of the [OpenUI5 Community Slack](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/).\n\n## Contribute\nPlease check our [Contribution Guidelines](docs/5-contributing/02-conventions-and-guidelines.md).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fui5%2Fwebcomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fui5%2Fwebcomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fui5%2Fwebcomponents/lists"}