{"id":13901338,"url":"https://github.com/Tencent/tdesign-vue-next","last_synced_at":"2025-07-17T22:30:28.712Z","repository":{"id":36953643,"uuid":"438886855","full_name":"Tencent/tdesign-vue-next","owner":"Tencent","description":"A Vue3.x UI components lib for TDesign.","archived":false,"fork":false,"pushed_at":"2025-07-17T14:11:11.000Z","size":79277,"stargazers_count":1799,"open_issues_count":651,"forks_count":554,"subscribers_count":24,"default_branch":"develop","last_synced_at":"2025-07-17T18:07:16.269Z","etag":null,"topics":["less","pc","tdesign","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"https://tdesign.tencent.com/vue-next","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":"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":"2021-12-16T06:42:10.000Z","updated_at":"2025-07-17T16:14:00.000Z","dependencies_parsed_at":"2023-01-17T08:03:04.537Z","dependency_job_id":"bafdce8a-b280-4b4c-9256-4a2675caecb9","html_url":"https://github.com/Tencent/tdesign-vue-next","commit_stats":{"total_commits":4722,"total_committers":311,"mean_commits":"15.183279742765274","dds":0.7617534942820838,"last_synced_commit":"9611e6bee8631d89aea069a34de47b04f9110e37"},"previous_names":[],"tags_count":156,"template":false,"template_full_name":null,"purl":"pkg:github/Tencent/tdesign-vue-next","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-vue-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-vue-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-vue-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-vue-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tencent","download_url":"https://codeload.github.com/Tencent/tdesign-vue-next/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tencent%2Ftdesign-vue-next/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265672330,"owners_count":23808842,"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","tdesign","typescript","vue","vue3"],"created_at":"2024-08-06T21:01:13.128Z","updated_at":"2025-07-17T22:30:28.705Z","avatar_url":"https://github.com/Tencent.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"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://github.com/Tencent/tdesign-vue-next/blob/develop/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/tdesign-vue-next.svg?sanitize=true\" alt=\"License\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/tdesign-vue-next\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/tdesign-vue-next.svg?sanitize=true\" alt=\"Version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/tdesign-vue-next\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/tdesign-vue-next\" alt=\"Downloads\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://deepwiki.com/Tencent/tdesign-vue-next\"\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 适配桌面端的组件库，适合在 Vue 3.x 技术栈项目中使用。\n\n# 🎉 特性\n\n- 适配桌面端交互\n- 提供系列的基于 Vue 3 的高质量组件\n- 与 TDesign 的其他框架（Vue/React/Angular）版本 API、UI 保持一致\n- 支持暗黑模式及其他主题定制\n- 支持按需加载\n\n# 📦 安装\n\n```shell\nnpm i tdesign-vue-next\n```\n\n# 🔨 基础使用\n\n```js\nimport { createApp } from 'vue';\nimport { Button } from 'tdesign-vue-next';\n// 引入组件库全局样式资源\nimport 'tdesign-vue-next/es/style/index.css';\nimport App from './app.vue';\n\nconst app = createApp(App);\napp.use(Button);\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/vue-next/) 项目体验使用 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/)\u003c/br\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/)\u003c/br\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/)\u003c/br\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/)\u003c/br\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 实现：[web-vue](https://github.com/Tencent/tdesign-vue)\n- 桌面端 React 实现： [web-react](https://github.com/Tencent/tdesign-react)\n- 移动端小程序实现： [小程序](https://github.com/Tencent/tdesign-miniprogram)\n\n# 参与贡献\n\nTDesign 欢迎任何愿意参与贡献的参与者。如果需要本地运行代码或参与贡献，请先阅读[参与贡献](https://github.com/Tencent/tdesign-vue-next/blob/develop/CONTRIBUTING.md)。\n\n## 贡献成员\n\n\u003ca href=\"https://openomy.app/github/tencent/tdesign-vue-next\" target=\"_blank\" style=\"display: block; width: 100%;\" align=\"center\"\u003e \n  \u003cimg src=\"https://openomy.app/svg?repo=tencent/tdesign-vue-next\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-vue-next/issues) 反馈或扫码加入用户微信群。\n\n\u003cimg src=\"https://raw.githubusercontent.com/Tencent/tdesign/main/packages/components/src/images/groups/vue3-group.png\" width=\"200\" /\u003e\n\n# 开源协议\n\nTDesign 遵循 [MIT 协议](https://github.com/Tencent/tdesign-vue-next/LICENSE)。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTencent%2Ftdesign-vue-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTencent%2Ftdesign-vue-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTencent%2Ftdesign-vue-next/lists"}