Tencent/tdesign-react

Profil Tencent

Dernière activité source enregistrée: 16 octobre 2026 à 14:23

Catalogue SkillsMP mis à jour: 26 octobre 2026 à 11:37

skills collectés: 4

Étoiles GitHub: 971
Forks GitHub: 378

README du dépôt

Fichier source du README : README.md

Lire le README source

Afficher le README complet

<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.

Chargement du README du dépôt…

Skills dans ce dépôt

Développeurs web

1 catégories métier · 75% classifié

skill

métier

description

mis à jour

tdesign-test-component

non classé

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

Langue du texte source : chinois

2026-10-16

tdesign-component-style

Développeurs 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.

Langue du texte source : chinois

2026-03-16

tdesign-create-component

Développeurs 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.

Langue du texte source : chinois

2026-03-16

tdesign-pro-component

Développeurs 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.

Langue du texte source : chinois

2026-03-16

Affichage de 4 skills collectés sur 4.

Installer avec un assistant IA

Copiez ce prompt dans l’assistant IA que vous utilisez.

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