Tencent/tdesign-react

Perfil de Tencent

Última atividade de origem registrada: 16 de outubro de 2026 às 14:23

Catálogo do SkillsMP atualizado: 26 de outubro de 2026 às 11:37

skills coletadas: 4

Estrelas no GitHub: 971
Forks no GitHub: 378

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir README completo

<p align="center"> <a href="https://tdesign.tencent.com/" target="_blank"> <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/site/TDesign.png" /> </a> </p> <p align="center"> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/l/tdesign-react.svg?sanitize=true" alt="License" /> </a> <a href="https://app.codecov.io/gh/Tencent/tdesign-react"> <img src="https://img.shields.io/codecov/c/github/Tencent/tdesign-react/develop.svg?style=flat-square" alt="codecov"> </a> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/v/tdesign-react.svg?sanitize=true" alt="Version"> </a> <a href="https://www.npmjs.com/package/tdesign-react"> <img src="https://img.shields.io/npm/dm/tdesign-react.svg?sanitize=true" alt="Downloads" /> </a> <a href="https://deepwiki.com/Tencent/tdesign-react"> <img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"> </a> </p> English | [简体中文](./README-zh_CN.md) TDesign React is a UI component library for React 16.x and desktop application. # 🎉 Features - Desktop application interaction - High quality UI components for React - Consistent API and UI with TDesign component libraries for other frameworks - Dark mode and customizable theme - Support tree-shaking # 📦 Installation ```shell npm i tdesign-react ``` ```shell yarn add tdesign-react ``` ```shell pnpm add tdesign-react ``` # 🔨 Usage ```tsx import React from 'react'; import { Button } from 'tdesign-react'; import 'tdesign-react/es/style/index.css'; function App() { return <Button>Hello TDesign</Button>; } ReactDOM.createRoot(document.getElementById('app')).render(<App />); ``` The package of tdesign-react provides kinds of bundles, read [the documentation](https://github.com/Tencent/tdesign/blob/main/docs/develop-install.md) for the detail of differences between bundles. # Quick Start Visit [TDesign Starter](https://tdesign.tencent.com/starter/react/) to experience in the application built with TDesign React UI components. # Browser Support | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/> IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Safari | | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge >=84 | Firefox >=83 | Chrome >=84 | Safari >=14.1 | Read our [browser compatibility](https://github.com/Tencent/tdesign/wiki/Browser-Compatibility) for more details. # TDesign component libraries TDesign also provides component libraries for other platforms and frameworks. - component library for Vue 3.x : [tdesign-vue-next](https://github.com/Tencent/tdesign-vue-next) - component library for Vue 2.x : [tdesign-vue](https://github.com/Tencent/tdesign-vue) - component library for Wechat miniprogram : [tdesign-miniprogram](https://github.com/Tencent/tdesign-miniprogram) # Contributing Contributing is welcome. Read [guidelines for contributing](https://github.com/Tencent/tdesign-react/blob/develop/CONTRIBUTING.md) before submitting your [Pull Request](https://github.com/Tencent/tdesign-react/pulls). ## Contributors <a href="https://openomy.app/github/tencent/tdesign-react" target="_blank" style="display: block; width: 100%;" align="center"> <img src="https://openomy.app/svg?repo=tencent/tdesign-react&chart=bubble&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" /> </a> # Feedback Create your [Github issues](https://github.com/Tencent/tdesign-react/issues) or scan the QR code below to join our user groups <img src="https://raw.githubusercontent.com/Tencent/tdesign/main/packages/site-components/src/images/groups/react-group.png" width="200" /> # License The MIT License. Please see [the license file](./LICENSE) for more information.

Carregando o README do repositório…

Skills neste repositório

Desenvolvedores web

1 categorias ocupacionais · 75% classificado

skill

ocupação

descrição

atualizado

tdesign-test-component

sem classificação

A skill for writing and maintaining unit tests for TDesign React components using Vitest, including testing patterns, best practices, and snapshot testing.

Idioma do texto original: chinês

2026-10-16

tdesign-component-style

Desenvolvedores web

This skill should be used when developing or modifying styles for TDesign React components. It provides guidance on BEM naming conventions, CSS Variables usage, state classes, and the relationship between component code and common submodule styles.

Idioma do texto original: chinês

2026-03-16

tdesign-create-component

Desenvolvedores web

This skill should be used when creating a new TDesign React component. It provides a complete SOP for scaffolding components in the packages/components or packages/pro-components directories, including file structure, code patterns, and registration steps.

Idioma do texto original: chinês

2026-03-16

tdesign-pro-component

Desenvolvedores web

This skill should be used when developing or modifying TDesign Pro Components (AIGC/Chat). It provides the ChatEngine architecture, component patterns, AG-UI protocol integration, and Generative UI development guide.

Idioma do texto original: chinês

2026-03-16

Mostrando 4 de 4 skills coletadas.

Instalar com um assistente de IA

Copie este prompt para o assistente de IA que você usa.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/Tencent/tdesign-react.