# tdesign **Repository Path**: heilcoder/tdesign ## Basic Information - **Project Name**: tdesign - **Description**: tdesign 镜像 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2025-10-25 - **Last Updated**: 2026-02-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
English | [简体中文](./README_zh-CN.md) TDesign is a comprehensive [Enterprise Design System](https://tdesign.tencent.com/design/values), and component libraries have been implemented for versions such as [Vue](https://tdesign.tencent.com/vue/), [React](https://tdesign.tencent.com/react/), and [Wechat MiniProgram](https://tdesign.tencent.com/miniprogram/). TDesign has advantages when used for building applications with [consistent design](#Consistency) and [cross-platform, multi-tech stack](#Comprehensive) capabilities.  ## Repositories The following are the repositories for TDesign: ### Repositories for Desktop Components | Repository | Description | Status | | --------------------------------------------------------------- | ------------------------------------- | ------------- | | [tdesign-vue](https://github.com/Tencent/tdesign-vue) | Vue.js UI components lib for TDesign | `1.0 LTS` | | [tdesign-vue-next](https://github.com/Tencent/tdesign-vue-next) | Vue3.x UI components lib for TDesign | `1.0 LTS` | | [tdesign-react](https://github.com/Tencent/tdesign-react) | React UI components lib for TDesign | `1.0 LTS` | ### Repositories for Mobile Components | Repository | Description | Status | | ----------------------------------------------------------------------- | ------------------------------------------------ | ------------- | | [tdesign-miniprogram](https://github.com/Tencent/tdesign-miniprogram) | Wechat MiniProgram UI components lib for TDesign | `1.0 LTS` | | [tdesign-mobile-vue](https://github.com/Tencent/tdesign-mobile-vue) | Vue3.x Mobile UI components lib for TDesign | `1.0 LTS` | | [tdesign-mobile-react](https://github.com/Tencent/tdesign-mobile-react) | React Mobile UI components lib for TDesign | `Alpha` | | [tdesign-flutter](https://github.com/Tencent/tdesign-flutter) | Flutter UI components lib for TDesign | `Alpha` | ### Repositories for Shared | Repository | Description | | ----------------------------------------------------------- | ----------------------------------------- | | [tdesign](https://github.com/Tencent/tdesign) | TDesign main repository and documentation | | [tdesign-icons](https://github.com/Tencent/tdesign-icons) | A mono repo for TDesign Icons | | [tdesign-common](https://github.com/Tencent/tdesign-common) | TDesign Common Style and Utils | ### Repositories for Out-of-box Starter Kits | Repository | Description | | --------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | | [tdesign-starter-cli](https://github.com/Tencent/tdesign-starter-cli) | CLI tool for TDesign Starter kit | | [tdesign-vue-starter](https://github.com/Tencent/tdesign-vue-starter) | starter-kit for TDesign Vue UI components | | [tdesign-vue-next-starter](https://github.com/Tencent/tdesign-vue-next-starter) | starter-kit for TDesign Vue Next UI components | | [tdesign-react-starter](https://github.com/Tencent/tdesign-react-starter) | starter-kit for TDesign React UI components | | [tdesign-miniprogram-starter-retail](https://github.com/Tencent/tdesign-miniprogram-starter-retail) | starter-kit for TDesign Wechat Miniprogram UI components | ## Why TDesign Before 2019, there were many internal design system and component library projects within Tencent, centered around product-focused "decentralized" rapid iterations. In 2019, Tencent established the [Open Source Collaboration Committee](<(https://m.thepaper.cn/yidian_promDetail.jsp?contid=4653692&from=tdesign)>). Through internal open-source collaboration, it organized different teams working on similar technology products to collaborate. TDesign is the collaborative outcome of frontend and design under Tencent's open-source collaboration, with the aim to jointly build a comprehensive and versatile design system and component library.  ## Development of TDesign. TDesign was founded with the principles of open-source collaboration from the beginning. The [collaboration scheme discussion](https://github.com/Tencent/tdesign/wiki), [component design](https://github.com/Tencent/tdesign/wiki), and [API design](https://github.com/Tencent/tdesign/wiki), including source code, are fully open within the company, garnering widespread attention from internal developers and designers. TDesign follows an equal, open, and strict policy, regardless of the participants' roles. Many participants started by trying out the component library in their personal projects, advancing to submit their first Issue, then their first Feature MR, and gradually becoming involved in Code Review and solution-formulating tasks, eventually turning into core contributors. In the past year, TDesign has closed 1k+ issues and conducted 5k+ Code Reviews to maintained a [weekly iterative release](<(https://tdesign.tencent.com/vue/components/changelog)>) of new versions. TDesign currently supports [multiple platforms and mainstream front-end UI framework](#仓库). Desktop versions for Vue2, Vue3, and React, as well as mobile versions for WeChat Mini Programs, have been launched as stable versions. Mobile React and QQ Mini Program versions have been released the `Alpha` versions for internal testing. ## Why Open-source Through open sourcing, TDesign aims to refine a complete and user-friendly component library and cultivate a rich design ecosystem. With the help of the community, TDesign aspires to maintain ongoing communication with more product designers and developers, evolving into a more valuable product. Open-source marks a new beginning for TDesign. For TDesign's subsequent development plan, please refer to the [TDesign upcoming plans](<(https://github.com/Tencent/tdesign/projects/1)>). ## Features #### Comprehensive - Support [Vue 2](https://tdesign.tencent.com/vue/)、[Vue 3](https://tdesign.tencent.com/vue-next/)、[React](https://tdesign.tencent.com/react/) for Desktop Application and [Vue 3](https://tdesign.tencent.com/vue-mobile/)、[Wechat MiniProgram](https://tdesign.tencent.com/miniprogram/) for Mobile Application. - Provide a wide variety of [design resources](#设计资源), including Figma, Adobe XD, Sketch, etc. - Provide auxiliary design tools, such as [Sketch Plugin](https://tdesign.tencent.com/source),and support using in [CoDesign](https://codesign.qq.com/)、Pixso、即时设计、墨刀 as well.  #### Consistency - Maintain a unified [design values](https://tdesign.tencent.com/design/values) and [visual style](https://tdesign.tencent.com/design/color), helping products maintain a consistent user experience across different platforms during the design and development process. - Consistently [defined and implemented APIs](https://tdesign.tencent.com/apis) across various tech stacks provide an advantage when building unified, cross-platform, and cross-tech stack applications.  #### Usability - Extract Tencent design experience from various business scenarios and offer universal design guidelines to lower the barriers to entry. - Support extend the design styles by using [Design Token](https://tdesign.tencent.com/design/color#header-21). - Offer [TDesign Starter Kit](https://tdesign.tencent.com/starter/) to help developers get started.  ## Documentations - [Introduce](https://tdesign.tencent.com/about/introduce) - [Contributing](https://tdesign.tencent.com/about/contributing) - [Components](https://tdesign.tencent.com/) - [Starter Kits](https://tdesign.tencent.com/starter/) - [Design Guideline](https://tdesign.tencent.com/design/offices) Read more in the official website of [TDesign](https://tdesign.tencent.com/). ## Design Guidelines TDesign distills Tencent's years of internal design experience into professional design guidelines, providing universal design solutions. - [Design Values](https://tdesign.tencent.com/design/values) - [Color](https://tdesign.tencent.com/design/color) - [Font](https://tdesign.tencent.com/design/fonts) - [Motion](https://tdesign.tencent.com/design/motion) - [Icon](https://tdesign.tencent.com/design/icon) - [Layout](https://tdesign.tencent.com/design/layout) - [Dark Mode](https://tdesign.tencent.com/design/dark) For more information, refer to the guide section of each component, such as [Button](https://tdesign.tencent.com/vue/components/button?tab=design). ## Design Resources - [Figma](https://www.figma.com/@tencent) - [Sketch、Axure、Adobe XD](https://tdesign.tencent.com/source) - [TDesign Maker](https://tdesign.tencent.com/source) ## Contributors ❤️ Thanks for all the TDesign contributors: ## Contributing Guide Any contributions to TDesign are welcome. Please read [《contributing for TDesign》](https://tdesign.tencent.com/about/contributing) for more information. ## License The MIT License. Please see [the license file](./LICENSE) for more information.