awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
Tencent avatar

Tencent/tdesign

0
View on GitHub↗
tdesign.tencent.com↗

Tdesign

TDesign is an enterprise design system and cross-platform UI component library. It provides a comprehensive set of design guidelines and reusable interface elements intended for building consistent professional business applications across different operating systems and browsers.

The project utilizes a design token system to centralize visual variables for colors and typography, allowing for corporate brand customization. It ensures a uniform look and feel through shared UI specifications and a centralized set of visual variables.

The system includes a UI framework starter kit with command line tools and templates for frontend project bootstrapping. It further supports the development process through a design-to-code pipeline and modular component packaging.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Enterprise Component Systems - Provides a scalable library of reusable UI components specifically designed for professional enterprise-scale corporate projects.
  • Platform Rendering Abstractions - Separates core design logic from platform-specific rendering requirements to ensure cross-platform consistency.
  • Cross-Platform UI Component Libraries - Provides a comprehensive library of UI components designed to behave consistently across different operating systems and frameworks.
  • Cross-Platform UI Design Patterns - Provides reference implementations of design systems to ensure visual and behavioral consistency across operating systems.
  • Design Token Styling - Uses a centralized design token system to maintain visual consistency for colors and typography across platforms.
  • Design Token Systems - Implements a framework for managing design properties via hierarchical variables for consistent styling and theme switching.
  • Enterprise Design Standardization - Applies universal design guidelines to maintain a professional and consistent look across enterprise applications.
  • Multi-Framework Implementations - Provides the same design system implementation across multiple frontend frameworks including React and Vue.
  • UI Construction - Enables the construction of application screens using a consistent set of reusable UI components and themes.
  • Frontend Starter Kits - Supplies foundational codebases and templates to rapidly bootstrap the development of frontend applications.
  • Project Bootstrapping - Provides CLI tools and starter kits for generating boilerplate code and initializing new frontend projects.
  • Project Bootstrapping Templates - Offers command line tools and starter kits to initialize projects with pre-configured styles and structures.
  • Project Bootstrapping Tools - Includes command line tools and templates to quickly bootstrap development environments with pre-configured styles.
  • UI Component Packaging - Organizes UI elements into independent packages that can be imported selectively to optimize application size.
  • Brand Identity Customization - Supports adapting the user interface to specific corporate brand identities through design tokens and color schemes.
  • Component Library Architectures - Employs a modular architecture to organize UI elements into reusable and scalable component libraries.
  • CSS Variable Theming - Implements a system for dynamic styling by mapping design tokens to native CSS variables.
  • Design-to-Code Tools - Includes a pipeline to translate visual design specifications directly into functional code structures.
  • Visual Style Customization - Allows modification of default design styles using tokens to align the interface with corporate brand requirements.
3,912 stars·325 forks·Vue·MIT·42 views

Star history

Star history chart for tencent/tdesignStar history chart for tencent/tdesign

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does tencent/tdesign do?

TDesign is an enterprise design system and cross-platform UI component library. It provides a comprehensive set of design guidelines and reusable interface elements intended for building consistent professional business applications across different operating systems and browsers.

What are the main features of tencent/tdesign?

The main features of tencent/tdesign are: Enterprise Component Systems, Platform Rendering Abstractions, Cross-Platform UI Component Libraries, Cross-Platform UI Design Patterns, Design Token Styling, Design Token Systems, Enterprise Design Standardization, Multi-Framework Implementations.

Which projects share features with tencent/tdesign?

Projects with overlapping indexed features include: arco-design/arco-design — Arco Design is a React UI component library and design system framework used to build professional web interfaces. It… alibaba-fusion/next — This project is an enterprise design system and web interface framework that provides a React component library for… taiga-family/taiga-ui — Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces.… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It… geist-org/react — This project is a React UI component library and frontend UI kit designed to provide a collection of pre-styled user… carbon-design-system/carbon — Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design…

Projects sharing features with Tdesign

These projects share indexed features with Tdesign. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • arco-design/arco-designarco-design avatar

    arco-design/arco-design

    5,625View on GitHub↗

    Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

    TypeScript
    View on GitHub↗5,625
  • alibaba-fusion/nextalibaba-fusion avatar

    alibaba-fusion/next

    4,681View on GitHub↗

    This project is an enterprise design system and web interface framework that provides a React component library for building consistent user experiences. It serves as a design-to-code workflow bridge, synchronizing product design tools with frontend implementation to accelerate development speed. The framework focuses on design-to-code synchronization and the construction of enterprise design systems. It enables the standardization of visual components and the composition of complex web and mobile screens using unified interface elements and layout patterns. The library implements a design-t

    TypeScriptcomponentdesign-systemfusion
    View on GitHub↗4,681
  • taiga-family/taiga-uitaiga-family avatar

    taiga-family/taiga-ui

    4,002View on GitHub↗

    Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

    TypeScriptangularbest-practicescdk
    View on GitHub↗4,002
  • douyinfe/semi-designDouyinFE avatar

    DouyinFE/semi-design

    10,017View on GitHub↗

    Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

    TypeScriptai-friendlycode2designdark-mode
    View on GitHub↗10,017
Compare all 30 related projects→