{"id":31373841,"url":"https://github.com/UI5/webcomponents-react","last_synced_at":"2025-09-27T23:03:44.568Z","repository":{"id":37348969,"uuid":"182085192","full_name":"UI5/webcomponents-react","owner":"UI5","description":"A wrapper implementation for React of the UI5 Web Components that are compliant with the SAP Fiori User Experience","archived":false,"fork":false,"pushed_at":"2025-09-22T07:26:00.000Z","size":2150908,"stargazers_count":510,"open_issues_count":43,"forks_count":105,"subscribers_count":14,"default_branch":"main","last_synced_at":"2025-09-22T08:35:52.118Z","etag":null,"topics":["open-source","react","typescript","ui-components","web-components"],"latest_commit_sha":null,"homepage":"https://sap.github.io/ui5-webcomponents-react/","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","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"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-04-18T12:38:30.000Z","updated_at":"2025-09-22T07:18:01.000Z","dependencies_parsed_at":"2023-12-20T14:14:24.696Z","dependency_job_id":"9317b201-69c3-4374-a791-3f99101f72f7","html_url":"https://github.com/UI5/webcomponents-react","commit_stats":{"total_commits":5164,"total_committers":47,"mean_commits":"109.87234042553192","dds":0.7261812548412083,"last_synced_commit":"edd6c0aa0b807259d902c2e3cf0b19e62bbe1452"},"previous_names":["sap/fiori-for-react","ui5/webcomponents-react","sap/ui5-webcomponents-react"],"tags_count":478,"template":false,"template_full_name":null,"purl":"pkg:github/UI5/webcomponents-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UI5","download_url":"https://codeload.github.com/UI5/webcomponents-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UI5%2Fwebcomponents-react/sbom","scorecard":{"id":123767,"data":{"date":"2025-08-11","repo":{"name":"github.com/SAP/ui5-webcomponents-react","commit":"80e91d4a9ff5ab27e3a7be47f9b4d4a09aa321fb"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":6.2,"checks":[{"name":"Code-Review","score":9,"reason":"Found 18/19 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":"Maintained","score":10,"reason":"30 commit(s) and 1 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":"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":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql-analysis.yml:29","Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql-analysis.yml:28","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/docs-stable.yml:16","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/release-custom-tag.yml:28","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/release-snapshot.yml:18","Info: jobLevel 'contents' permission set to 'read': .github/workflows/release.yml:33","Warn: jobLevel 'contents' permission set to 'write': .github/workflows/release.yml:63","Warn: no topLevel permission defined: .github/workflows/chromatic.yml:1","Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1","Warn: no topLevel permission defined: .github/workflows/docs-stable.yml:1","Warn: no topLevel permission defined: .github/workflows/examples.yml:1","Warn: no topLevel permission defined: .github/workflows/main.yml:1","Warn: no topLevel permission defined: .github/workflows/open-source-security.yml:1","Warn: no topLevel permission defined: .github/workflows/release-comments.yml:1","Warn: no topLevel permission defined: .github/workflows/release-custom-tag.yml:1","Warn: no topLevel permission defined: .github/workflows/release-snapshot.yml:1","Warn: no topLevel permission defined: .github/workflows/release.yml:1","Warn: no topLevel permission defined: .github/workflows/stale.yml:1","Warn: no topLevel permission defined: .github/workflows/test.yml: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":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: Apache License 2.0: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"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":"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":"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":"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":"Pinned-Dependencies","score":1,"reason":"dependency not pinned by hash detected -- score normalized to 1","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/chromatic.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/chromatic.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/chromatic.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/chromatic.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/chromatic.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/chromatic.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:70: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/docs-stable.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/docs-stable.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/docs-stable.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/docs-stable.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/docs-stable.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/docs-stable.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/examples.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/examples.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/examples.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/examples.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/examples.yml:61: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/examples.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/examples.yml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/examples.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/examples.yml:91: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/examples.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/examples.yml:93: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/examples.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:66: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:68: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:92: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:94: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:113: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:116: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yml:129: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/main.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/main.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/open-source-security.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/open-source-security.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/open-source-security.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/open-source-security.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/open-source-security.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/open-source-security.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-comments.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-comments.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-comments.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-comments.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-comments.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-comments.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-custom-tag.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-custom-tag.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-custom-tag.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-custom-tag.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-snapshot.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-snapshot.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release-snapshot.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release-snapshot.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:67: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:73: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:110: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/stale.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/stale.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/test.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/test.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:52: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/test.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:67: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/ui5-webcomponents-react/test.yml/main?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/release-custom-tag.yml:44","Warn: npmCommand not pinned by hash: .github/workflows/release-snapshot.yml:34","Warn: npmCommand not pinned by hash: .github/workflows/release.yml:47","Warn: npmCommand not pinned by hash: .github/workflows/release.yml:80","Info:   0 out of  40 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of  10 third-party GitHubAction dependencies pinned","Info:   3 out of   7 npmCommand 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":10,"reason":"SAST tool is run on all commits","details":["Info: SAST configuration detected: CodeQL","Info: all commits (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":"16 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","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-2p57-rm9w-gvfp","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-76p7-773f-r4q5","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-g3ch-rx76-35fx","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-16T03:11:39.207Z","repository_id":37348969,"created_at":"2025-08-16T03:11:39.207Z","updated_at":"2025-08-16T03:11:39.207Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277302100,"owners_count":25795361,"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-09-27T02:00:08.978Z","response_time":73,"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","react","typescript","ui-components","web-components"],"created_at":"2025-09-27T23:01:54.336Z","updated_at":"2025-09-27T23:03:44.551Z","avatar_url":"https://github.com/UI5.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ca name=\"top\"\u003e\u003c/a\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/UI5/webcomponents-react/main/assets/Logo-Sticker.png\" alt=\"UI5 Web Components for React Logo\" /\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href='https://coveralls.io/github/UI5/webcomponents-react'\u003e\n    \u003cimg src='https://coveralls.io/repos/github/UI5/webcomponents-react/badge.svg' alt='Coverage Status' /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/\" target=\"_blank\"\u003e\n      \u003cimg alt=\"Slack Badge\" src=\"https://badgen.net/badge/slack/Join OpenUI5 Slack workspace/blue?icon=slack\"\u003e\n    \u003c/a\u003e\n  \u003ca href=\"https://openui5.slack.com/archives/CSQEJ2J04\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Slack Badge\" src=\"https://badgen.net/badge/slack/webcomponents-react/orange?icon=slack\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://api.reuse.software/info/github.com/UI5/webcomponents-react\" target=\"_blank\"\u003e\n    \u003cimg alt=\"REUSE Status\" src=\"https://api.reuse.software/badge/github.com/UI5/webcomponents-react\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n`ui5-webcomponents-react` is providing a Fiori-compliant React implementation by leveraging the [UI5 Web Components](https://github.com/UI5/webcomponents).\n\n## Resources\n\nYou can find our documentation under the following links:\n\n- [Stable Release Documentation](https://ui5.github.io/webcomponents-react/)\n- [Nightly Release Documentation](https://ui5.github.io/webcomponents-react/nightly/)\n- [V1 Release Documentation](https://ui5.github.io/webcomponents-react/v1/)\n\n## Packages Overview\n\n- [@ui5/webcomponents-react](https://github.com/UI5/webcomponents-react/tree/main/packages/main) - Main Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-react?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-react)\n\n- [@ui5/webcomponents-react-charts](https://github.com/UI5/webcomponents-react/tree/main/packages/charts) - Charts Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-react-charts?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-react-charts)\n\n- [@ui5/webcomponents-react-base](https://github.com/UI5/webcomponents-react/tree/main/packages/base) - Base Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-react-base?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-react-base)\n\n- [@ui5/webcomponents-react-compat](https://github.com/UI5/webcomponents-react/tree/main/packages/compat) - Legacy Components Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-react-compat?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-react-compat)\n\n- [@ui5/webcomponents-react-cli](https://github.com/UI5/webcomponents-react/tree/main/packages/cli) - Wrapper Generation \u0026 Code-Mod Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-react-cli?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-react-cli)\n\n- [@ui5/webcomponents-cypress-commands](https://github.com/UI5/webcomponents-react/tree/main/packages/cypress-commands) - Custom Cypress Commands \u0026 Queries Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-cypress-commands?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-cypress-commands)\n\n- [@ui5/webcomponents-ai-react](https://github.com/UI5/webcomponents-react/tree/main/packages/ai) - React wrapper for the `@ui5/webcomponents-ai` Package\n\n  [![](https://badgen.net/npm/v/@ui5/webcomponents-ai-react?icon=npm)](https://www.npmjs.com/package/@ui5/webcomponents-ai-react)\n\n\u003c!-- *********************************************************************** --\u003e\n\n\u003ca name=\"requirements\"\u003e\u003c/a\u003e\n\n## Requirements\n\n- [React](https://www.npmjs.com/package/react) and [React-DOM](https://www.npmjs.com/package/react-dom) (**18.0.0 or higher**)\n- [Node.js](https://nodejs.org/) (**LTS version**)\n- If you're using [TypeScript](https://www.typescriptlang.org/) we recommend version **4.7** or later.\n\n\u003c!-- *********************************************************************** --\u003e\n\n\u003ca name=\"download\"\u003e\u003c/a\u003e\n\n## Download and Installation\n\nYou can install `@ui5/webcomponents-react` along with the required peer-dependencies based on the components you plan to use. **In most cases, the recommended installation is the most maintainable option.**\n\n### Recommended Installation\n\nInstall `@ui5/webcomponents-react` along with the `@ui5/webcomponents` and `@ui5/webcomponents-fiori` peer-dependencies as dependencies in your project:\n\n```sh\nnpm install @ui5/webcomponents-react @ui5/webcomponents @ui5/webcomponents-fiori\n```\n\n**Note:** If you import anything from another `@ui5/webcomponents-xyz` package, we recommend installing it as a dependency as well, even if it’s already included through another package.\n\n### Minimal Installation\n\nSince version `v2.14.0` of `@ui5/webcomponents-react`, `@ui5/webcomponents-fiori` is an optional peer-dependency. You will still need to install it if:\n\n- You want to use any [component](https://ui5.github.io/webcomponents/components/fiori/) from the `@ui5/webcomponents-fiori` package.\n- You want to use the [VariantManagement](https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-variantmanagement--docs) component.\n- You import anything from the `@ui5/webcomponents-fiori` package.\n\n```sh\nnpm install @ui5/webcomponents-react @ui5/webcomponents\n```\n\n**Note:** Most popular bundlers enable tree-shaking for production builds, so there’s no difference in the final bundle size between the recommended and minimal installations.\n\n\u003e ⚠️ **Warning**\n\u003e\n\u003e If your bundler does **not** support tree-shaking, you must use **subpath imports**.\n\u003e\n\u003e Otherwise, since `@ui5/webcomponents-react` re-exports all components, **every component** (including those that depend on the `@ui5/webcomponents-fiori` package) will be included in your bundle, which will lead to errors due to the missing module.\n\u003e\n\u003e **✅ Do:**\n\u003e\n\u003e ```tsx\n\u003e import { Button } from '@ui5/webcomponents-react/Button';\n\u003e ```\n\u003e\n\u003e **❌ Don’t:**\n\u003e\n\u003e ```tsx\n\u003e import { Button } from '@ui5/webcomponents-react';\n\u003e ```\n\n#### Importing Assets\n\nThe default assets import (`import '@ui5/webcomponents-react/dist/Assets.js';`) includes assets from the fiori package. Due to a limitation of Next.js (top-level await is not supported), we can't dynamically import the assets based on the installed packages.\nIf you are using the minimal installation, please import the assets manually as follows:\n\n```ts\nimport '@ui5/webcomponents/dist/Assets.js';\nimport '@ui5/webcomponents-react/dist/json-imports/i18n.js';\n\n//fetch\nimport '@ui5/webcomponents/dist/Assets-fetch.js';\nimport '@ui5/webcomponents-react/dist/json-imports/i18n-fetch.js';\n\n//node\nimport '@ui5/webcomponents/dist/Assets-node.js';\nimport '@ui5/webcomponents-react/dist/json-imports/i18n-node.js';\n```\n\n## End of Support for Version 1.x\n\nThe support for version 1.x of `ui5-webcomponents-react` has ended on **July 1, 2025**. We recommend migrating to version 2.x as soon as possible. For more information, please refer to our [Migration Guide](https://ui5.github.io/webcomponents-react/v2/?path=/docs/migration-guide--docs).\n\n\u003c!-- *********************************************************************** --\u003e\n\n## Getting Started\n\n### Tutorial\n\nYou are new to UI5 Web Components for React and don't know where to start?\u003cbr /\u003e\nThen take a look at our [Tutorial Mission](https://developers.sap.com/mission.react-spa.html) at “SAP Developers”!\nThere you get a first glimpse at how easy it is to create an Application with UI5 Web Components for React.\u003cbr /\u003e\nIn about an hour you will create a business dashboard from scratch and get familiar with some React basics in case you don't know them already.\n\n### SAP Devtoberfest 2024 session\n\nIn the [SAP Devtoberfest 2024](https://www.youtube.com/watch?v=lvpN3eK39h8) session, we showcased the most prominent new features in version 2 of UI5 Web Components and UI5 Web Components for React, and provided an example of how to migrate from version 1 to version 2 using our [Codemod](https://ui5.github.io/webcomponents-react/v2/?path=/docs/migration-guide--docs#codemod).\n\n### SAP Devtoberfest 2023 session\n\n[Here](https://www.youtube.com/watch?v=zyOxgjoSnGw) you can find the video of our session for the SAP Devtoberfest 2023 (aired Sep 29, 2023). There we briefly explain why UI5 Web Components for React exist at all, where the project fits into the SAP UI stack and what advantages our wrapper has over implementations that use pure ui5-webcomponents.\nFor the main part, we show how you could create a simple Movie Database UI, first by using our `Vite` template and then with our `Next.js` template.\n\n### Examples \u0026 Templates\n\nYou can find a curated list of project templates and examples on our [Project Templates \u0026 Examples page](https://ui5.github.io/webcomponents-react/v2/?path=/docs/project-templates-examples--docs).\n\n### Add `@ui5/webcomponents-react` to an existing app\n\n1. Install all [required dependencies](#download-and-installation)\n\n2. Import the `ThemeProvider` component and wrap your root component with it:\n\n   ```tsx\n   import { ThemeProvider } from '@ui5/webcomponents-react/ThemeProvider';\n   ...\n   createRoot(document.getElementById('root') as HTMLElement).render(\n     \u003cThemeProvider\u003e\n       \u003cApp /\u003e\n     \u003c/ThemeProvider\u003e,\n   );\n   ```\n\n3. Use `@ui5/webcomponents-react` components in your app by importing them.\n   For example, to use the `Button` component you need to import it:\n\n   ```jsx\n   import { Button } from '@ui5/webcomponents-react/Button'; // loads ui5-button wrapped in a ui5-webcomponents-react component\n   ```\n\n4. Add the imported component to your JSX:\n\n   ```jsx\n   \u003cButton onClick={() =\u003e alert('Hello World!')}\u003eHello world!\u003c/Button\u003e\n   ```\n\n### Browser Support\n\nUI5 Web Components for React supports the same [browsers and respective versions](https://github.com/UI5/webcomponents#browser-support) as UI5 Web Components.\n\n\u003c!-- *********************************************************************** --\u003e\n\n\u003ca name=\"issues\"\u003e\u003c/a\u003e\n\n## Known Issues\n\nPlease take a look at our [GitHub Issues](https://github.com/UI5/webcomponents-react/issues).\n\n\u003c!-- *********************************************************************** --\u003e\n\n\u003ca name=\"support\"\u003e\u003c/a\u003e\n\n## How to obtain support\n\nWe welcome all comments, suggestions, questions, and bug reports. Feel free to [open issues](https://github.com/UI5/webcomponents-react/issues/new/choose) or chat with us directly in the [`#webcomponents-react`](https://openui5.slack.com/archives/CSQEJ2J04) channel in the\n[OpenUI5 Community Slack](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/).\nPlease note that you have to join this Slack workspace via [this link](https://ui5-slack-invite.cfapps.eu10.hana.ondemand.com/) if you are not part of it already.\n\n\u003c!-- *********************************************************************** --\u003e\n\n\u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\n## Contributing\n\nPlease check our [Contribution Guidelines](/CONTRIBUTING.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FUI5%2Fwebcomponents-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FUI5%2Fwebcomponents-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FUI5%2Fwebcomponents-react/lists"}