TDesign Open source · MIT
A comprehensive Enterprise Design System with Vue, React, and Wechat MiniProgram component libraries.
Introduction
TDesign is a comprehensive **Enterprise Design System**, and component libraries have been implemented for versions such as **Vue**, **React**, and **Wechat MiniProgram**. TDesign has advantages when used for building applications with **consistent design** and **cross-platform, multi-tech stack** capabilities.
## Repositories
The following are the repositories for TDesign:
- **Repositories for Desktop Components**: `tdesign-vue-next` — Vue UI components lib for TDesign; `tdesign-react` — React UI components lib for TDesign; `tdesign-vue` — Vue2.x UI components lib for TDesign.
- **Repositories for Mobile Components**: `tdesign-miniprogram` — Wechat MiniProgram UI components lib for TDesign; `tdesign-mobile-vue` — Vue3.x Mobile UI components lib for TDesign; `tdesign-mobile-react` — React Mobile UI components lib for TDesign; `tdesign-flutter` — Flutter UI components lib for TDesign; `tdesign-uniapp` — UniApp UI components lib for TDesign.
- **Repositories for Shared**: `tdesign` — TDesign main repository and documentation; `tdesign-icons` — A mono repo for TDesign Icons; `tdesign-common` — TDesign Common Style and Utils.
- **Repositories for Out-of-box Starter Kits**: `tdesign-starter-cli` — CLI tool for TDesign Starter kit; `tdesign-vue-starter` — starter-kit for TDesign Vue UI components; `tdesign-vue-next-starter` — starter-kit for TDesign Vue Next UI components; `tdesign-react-starter` — starter-kit for TDesign React UI components; `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. 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. The repository is public on GitHub and is licensed under the MIT license.
Enterprise designVue componentsReact componentsWechat MiniProgramMobile componentsStarter kitsTDesign IconsMIT license
Screenshots
Screenshot placeholder
Screenshot placeholder
Deployment
GitHub 源码仓库
适合开发者获取 TDesign 主仓库、文档与各技术栈组件库源码并参与开源协作。
官方网站
适合产品设计师和前端团队查看设计规范、组件文档、Starter Kit 与设计资源入口。
TDesign Starter Kit
适合希望基于官方脚手架快速启动 Vue、React 或小程序项目的开发团队。
官方设计资源
适合设计团队获取 Figma、Sketch、Axure、Adobe XD 等设计稿资源并统一产品体验。
TDesign alternatives
TDesign Open source
TDesign 是腾讯开源的企业级设计体系,提供统一价值观、设计语言、视觉风格及开箱即用的 UI 组件库,服务设计师与开发者协作。
Designmodo Proprietary
Build beautiful email designs, websites, and responsive landing pages with Designmodo’s email & web design tools in minu
Medialoot Proprietary
Free graphic design resources for everyone. Beautiful fonts, icons, PSDs, templates, and other resources. Check it out a
LayoutIt! Proprietary
LayoutIt! is a interface builder for CSS Grid and Bootstrap that wants to be the kick-off for your front-end development
TodoMVC Open source
Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS and many more
Enhancer(无远开发平台) Proprietary
Enhancer 是专业的一站式信息系统开发云平台。绝大多数情况下,您只需编写 SQL,无需编写代码,即可快速完成各类系统的开发,并且获得可直接部署在您私有环境的应用程序。极大降低您的开发、运维、迭代成本。
Details
Type Open-source software
License MIT
Last verified 2026-08-09
Ad slot 300 × 250 Ad
About the data
Stars / commit times sync automatically from the GitHub API; pricing and features are human-verified.