{"id":15011183,"url":"https://github.com/tencent/tdesign-react","last_synced_at":"2026-01-28T13:25:22.326Z","repository":{"id":36952433,"uuid":"438782840","full_name":"Tencent/tdesign-react","owner":"Tencent","description":"A React UI components lib for TDesign.","archived":false,"fork":false,"pushed_at":"2025-04-24T12:48:54.000Z","size":30541,"stargazers_count":874,"open_issues_count":191,"forks_count":336,"subscribers_count":21,"default_branch":"develop","last_synced_at":"2025-04-24T13:42:03.161Z","etag":null,"topics":["less","pc","react","tdesign","typescript"],"latest_commit_sha":null,"homepage":"https://tdesign.tencent.com/react","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/Tencent.png","metadata":{"files":{"readme":"README-zh_CN.md","changelog":null,"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}},"created_at":"2021-12-15T21:50:54.000Z","updated_at":"2025-04-23T11:39:16.000Z","dependencies_parsed_at":"2024-04-17T12:55:04.670Z","dependency_job_id":"3ad539d8-2792-488b-9603-0249254f1a9d","html_url":"https://github.com/Tencent/tdesign-react","commit_stats":{"total_commits":3616,"total_committers":235,"mean_commits":15.38723404255319,"dds":0.713495575221239,"last_synced_commit":"4c7072710e1722d72646075c8f9d15586afeab0c"},"previous_names":[],"tags_count":153,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tencent","download_url":"https://codeload.github.com/Tencent/tdesign-react/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251337905,"owners_count":21573463,"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":["less","pc","react","tdesign","typescript"],"created_at":"2024-09-24T19:39:35.019Z","updated_at":"2026-01-17T08:44:28.886Z","avatar_url":"https://github.com/Tencent.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tdesign.tencent.com/\" target=\"_blank\"\u003e\n    \u003cimg alt=\"TDesign Logo\" width=\"200\" src=\"https://tdesign.gtimg.com/site/TDesign.png\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n   \u003ca href=\"https://www.npmjs.com/package/tdesign-react\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/tdesign-react.svg?sanitize=true\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://app.codecov.io/gh/Tencent/tdesign-react\"\u003e\n    \u003cimg src=\"https://img.shields.io/codecov/c/github/Tencent/tdesign-react/develop.svg?style=flat-square\" alt=\"codecov\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/tdesign-react\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/tdesign-react.svg?sanitize=true\" alt=\"Version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/tdesign-react\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/tdesign-react.svg?sanitize=true\" alt=\"Downloads\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://deepwiki.com/Tencent/tdesign-react\"\u003e\n    \u003cimg src=\"https://deepwiki.com/badge.svg\" alt=\"Ask DeepWiki\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n简体中文 | [English](./README.md)\n\nTDesign 适配桌面端的组件库，适合在 React 16.x 及以上技术栈的项目中使用。\n\n# 🎉 特性\n\n- 适配桌面端交互\n- 基于 React 16.x（全部基于 React Hooks 的 Functional Component）\n- 与其他框架/库（Vue / Angular）版本 UI 保持一致\n- 支持暗黑模式及其他主题定制\n- 支持按需加载\n\n# 📦 安装\n\n```shell\nnpm i tdesign-react\n```\n\n```shell\nyarn add tdesign-react\n```\n\n```shell\npnpm add tdesign-react\n```\n\n# 🔨 基础使用\n\n推荐使用 Webpack 或 Rollup 等支持 tree-shaking 特性的构建工具，无需额外配置即可实现组件按需引入：\n\n```tsx\nimport React from 'react';\nimport { Button } from 'tdesign-react';\nimport 'tdesign-react/es/style/index.css';\n\nfunction App() {\n  return \u003cButton\u003eHello TDesign\u003c/Button\u003e;\n}\n\nReactDOM.createRoot(document.getElementById('app')).render(\u003cApp /\u003e);\n```\n\nnpm package 中提供了多种构建产物，可以阅读 [这里](https://github.com/Tencent/tdesign/blob/main/docs/develop-install.md) 了解不同目录下产物的差别。\n\n# 快速体验\n\n可以访问官方提供的 [TDesign Starter](https://tdesign.tencent.com/starter/react/) 项目体验使用 TDesign 组件快速搭建业务系统。\n\n# 浏览器兼容性\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003e IE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr/\u003eSafari |\n| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Edge \u003e=84                                                                                                                                                                                                        | Firefox \u003e=83                                                                                                                                                                                                      | Chrome \u003e=84                                                                                                                                                                                                   | Safari \u003e=14.1                                                                                                                                                                                                 |\n\n详情参见[桌面端组件库浏览器兼容性说明](https://github.com/Tencent/tdesign/wiki/Browser-Compatibility)\n\n# 其他技术栈实现\n\n- 桌面端 Vue 3 实现：[web-vue-next](https://github.com/Tencent/tdesign-vue-next)\n- 桌面端 Vue 实现： [web-vue](https://github.com/Tencent/tdesign-vue)\n- 移动端小程序实现： [小程序](https://github.com/Tencent/tdesign-miniprogram)\n\n# 参与贡献\n\nTDesign 欢迎任何愿意参与贡献的参与者。如果需要本地运行代码或参与贡献，请先阅读[参与贡献](https://github.com/Tencent/tdesign-react/blob/develop/CONTRIBUTING.md)。\n\n## 贡献成员\n\n\u003ca href=\"https://openomy.app/github/tencent/tdesign-react\" target=\"_blank\" style=\"display: block; width: 100%;\" align=\"center\"\u003e\n  \u003cimg src=\"https://openomy.app/svg?repo=tencent/tdesign-react\u0026chart=bubble\u0026latestMonth=12\" target=\"_blank\" alt=\"Contribution Leaderboard\" style=\"display: block; width: 100%;\" /\u003e\n \u003c/a\u003e\n\n# 反馈\n\n有任何问题，建议通过 [Github issues](https://github.com/Tencent/tdesign-react/issues) 反馈或扫码加入用户微信群。\n\n\u003cimg src=\"https://raw.githubusercontent.com/Tencent/tdesign/main/packages/site-components/src/images/groups/react-group.png\" width=\"200\" /\u003e\n\n# 开源协议\n\nTDesign 遵循 [MIT 协议](https://github.com/Tencent/tdesign-react/LICENSE)。\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencent%2Ftdesign-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencent%2Ftdesign-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencent%2Ftdesign-react/lists"}