{"id":13400482,"url":"https://github.com/uber/baseweb","last_synced_at":"2025-05-12T03:40:36.389Z","repository":{"id":38072000,"uuid":"124470321","full_name":"uber/baseweb","owner":"uber","description":"A React Component library implementing the Base design language","archived":false,"fork":false,"pushed_at":"2025-04-21T17:02:32.000Z","size":303595,"stargazers_count":8822,"open_issues_count":164,"forks_count":841,"subscribers_count":78,"default_branch":"main","last_synced_at":"2025-05-01T13:51:01.109Z","etag":null,"topics":["component-library","design-systems","react","react-components"],"latest_commit_sha":null,"homepage":"https://baseweb.design","language":"TypeScript","has_issues":false,"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/uber.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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}},"created_at":"2018-03-09T01:32:10.000Z","updated_at":"2025-05-01T03:36:41.000Z","dependencies_parsed_at":"2023-07-17T05:52:05.223Z","dependency_job_id":"35d80a30-43c5-4690-afe4-0277bd525c98","html_url":"https://github.com/uber/baseweb","commit_stats":{"total_commits":3420,"total_committers":286,"mean_commits":"11.958041958041958","dds":0.7657894736842106,"last_synced_commit":"d7bbb9438667edb7425bdf3874b34627f5e83858"},"previous_names":["uber-web/baseui"],"tags_count":383,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uber%2Fbaseweb","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uber%2Fbaseweb/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uber%2Fbaseweb/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uber%2Fbaseweb/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uber","download_url":"https://codeload.github.com/uber/baseweb/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253669840,"owners_count":21945162,"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":["component-library","design-systems","react","react-components"],"created_at":"2024-07-30T19:00:52.502Z","updated_at":"2025-05-12T03:40:36.367Z","avatar_url":"https://github.com/uber.png","language":"TypeScript","readme":"**Uber is hiring in Amsterdam. Do you want to work on Base Web and other things? \u003ca href=\"https://www.uber.com/global/en/careers/list/130852/\"\u003ePlease apply!\u003c/a\u003e**\n\n\u003ch1\u003eBase Web React Components\u003c/h1\u003e\n\n- [Documentation](https://baseweb.design)\n- [Component catalog](https://baseweb.design/ladle)\n- [Stackblitz playground](https://baseweb.design/new)\n\n⚠️ **Maintenance status**. We are limiting our engagement with this repository while still mirroring our internal development. For more details, please check [Open Source Engagement and Future](https://baseweb.design/blog/open-source-engagement/). If you are an Uber developer and looking to open an issue, use this [link](https://t.uber.com/ui-platform-bug-2) or [contribute](https://p.uber.com/base-code).\n\n**Base** is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://baseweb.design\"\u003e\n    \u003cimg width=\"500px\" src=\"https://i.imgur.com/UaRZdTq.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Usage\n\nOn npm, you can find Base Web as `baseui`.\n\nAdd `baseui` and its peer dependencies to your project:\n\n```bash\n# using pnpm\npnpm add baseui@next styletron-react styletron-engine-monolithic\n\n# using npm\nnpm install baseui@next styletron-react styletron-engine-monolithic\n```\n\n```javascript\nimport { Client as Styletron } from \"styletron-engine-monolithic\";\nimport { Provider as StyletronProvider } from \"styletron-react\";\nimport { LightTheme, BaseProvider, styled } from \"baseui\";\nimport { StatefulInput } from \"baseui/input\";\n\nconst engine = new Styletron();\n\nconst Centered = styled(\"div\", {\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  height: \"100%\",\n});\n\nexport default function Hello() {\n  return (\n    \u003cStyletronProvider value={engine}\u003e\n      \u003cBaseProvider theme={LightTheme}\u003e\n        \u003cCentered\u003e\n          \u003cStatefulInput /\u003e\n        \u003c/Centered\u003e\n      \u003c/BaseProvider\u003e\n    \u003c/StyletronProvider\u003e\n  );\n}\n```\n\nBoth Base Web and Styletron come with [TypeScript](https://www.typescriptlang.org/index.html).\n\n## Docs\n\nTo read the documentation, please visit [baseweb.design](https://baseweb.design). To preview more component examples, please visit [baseweb.design/ladle](https://baseweb.design/ladle).\n","funding_links":[],"categories":["Uncategorized","TypeScript","HarmonyOS","UI Frameworks \u0026 Libraries","UI Frameworks","JavaScript","前端开发框架及项目","React [🔝](#readme)"],"sub_categories":["Uncategorized","Windows Manager","style","其他_文本生成、文本对话"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuber%2Fbaseweb","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuber%2Fbaseweb","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuber%2Fbaseweb/lists"}