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.

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.

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

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

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

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

Tencenttdesign

Features