Awesome GitHub RepositoriesEnterprise Component Systems

This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

ngx-admin is a customizable administrative interface template and enterprise UI component library built with Angular. It provides a framework for creating responsive web dashboards and management consoles through a set of reusable interface elements and layout examples. The project features a theming and layout framework that allows for real-time visual style updates and support for right-to-left interface directionality. It includes a frontend implementation for role-based access management to verify user credentials and protect private application areas. The system utilizes a component-bas

Stencil is a compiler used for authoring web component libraries and developing framework-agnostic user interface elements. It transforms TypeScript and JSX source code into standard custom elements that operate natively in the browser. The project enables the implementation of design systems and enterprise component systems by sharing a single codebase across different JavaScript frameworks. It generates specific adapter layers that allow these custom elements to be used as native components in React, Angular, and Vue. The toolset incorporates ahead-of-time compilation to minimize bundle si

This project is a web component tooling system used to compile TypeScript and JSX into standard-compliant custom elements. It enables the development of framework-agnostic components that function across different browsers and frontend environments. The toolset focuses on cross-framework UI distribution, allowing a single library of components to be used in React, Angular, Vue, or plain HTML. It includes capabilities for enterprise design system engineering and generates specific wrapper code to ensure components behave as native elements within various frameworks. The system covers server-s

Evergreen is a React UI component library and design system framework. It provides a collection of pre-styled, accessible interface elements used to build consistent web applications. The library functions as a server-side rendered UI kit, allowing components to generate HTML on the server to improve page load speeds and search engine visibility. It includes a centralized styling layer for managing colors, typography, and spacing through custom UI theming. The framework covers accessible web design and enterprise interface design, utilizing a token-based styling system to maintain a uniform

Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It functions as a themable component suite and localized UI toolkit, providing the necessary tools for developing data-heavy administrative dashboards and internal applications. The library is distinguished by its built-in support for server-side rendering to improve initial page load speeds and search engine visibility. It includes a global provider for managing consistent visual styles and high-contrast modes, alongside a translation layer for interface localization and date format

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

Ant Design Blazor is a library of enterprise-class UI components that implement the Ant Design visual language for Blazor applications. It provides a complete set of pre-built, high-quality components designed for building professional web interfaces in complex business applications. The library is distributed as a single NuGet package that integrates into existing Blazor projects through standard dependency injection, and also offers template-based project scaffolding for generating new project structures. It supports multiple hosting models, allowing the same components to run across WebAss

Arco Design est une bibliothèque de composants UI React et un framework de système de design utilisé pour construire des interfaces web professionnelles. Il fournit une collection d'éléments visuels et de mises en page pré-construits conçus pour maintenir un langage de design cohérent à travers les applications. Le système dispose d'un moteur de thématisation basé sur des jetons (tokens) qui utilise des variables de design hiérarchiques et des variables CSS pour permettre une personnalisation visuelle granulaire. Cela permet la modification des styles globaux et au niveau des composants via un éditeur de thème dédié ou un loader pour aligner l'interface avec des identités de marque spécifiques. Le framework prend en charge le développement d'UI d'entreprise en fournissant des outils pour la gestion de système de design et un dépôt centralisé pour stocker et distribuer des composants métier réutilisables. Ces capacités facilitent l'assemblage de mises en page fonctionnelles et le partage de modules d'interface personnalisés à travers plusieurs projets.

BootstrapBlazor est une bibliothèque de composants d'interface utilisateur et un modèle de projet conçu pour les applications construites avec Blazor et Bootstrap. Il fonctionne comme un wrapper pour le framework web Bootstrap, fournissant une collection d'éléments d'interface interactifs pré-construits et un générateur de boilerplate en ligne de commande pour initialiser les structures de projet. La boîte à outils inclut des composants spécialisés pour le développement web d'entreprise, tels que des grilles de données complexes, des formulaires et des éléments de mise en page adaptés aux applications métier professionnelles. Elle fournit les outils nécessaires pour le design web responsive et le prototypage rapide d'applications. Le projet inclut une interface en ligne de commande pour amorcer les squelettes de projet, permettant la création de structures d'application boilerplate sans configuration manuelle.

Ce projet est un système de conception d'entreprise et un framework d'interface web qui fournit une bibliothèque de composants React pour construire des expériences utilisateur cohérentes. Il sert de pont de flux de travail conception-vers-code, synchronisant les outils de conception de produits avec l'implémentation frontend pour accélérer la vitesse de développement. Le framework se concentre sur la synchronisation conception-vers-code et la construction de systèmes de conception d'entreprise. Il permet la standardisation des composants visuels et la composition d'écrans web et mobiles complexes en utilisant des éléments d'interface et des modèles de mise en page unifiés. La bibliothèque implémente un système de jetons de conception et un mappage de style multiplateforme pour maintenir la fidélité visuelle entre les maquettes de conception et le code de production. Elle utilise une approche pilotée par la configuration et des principes de conception atomique pour organiser des éléments indépendants en mises en page plus grandes.

ng-alain is an Angular admin dashboard framework designed for building enterprise administrative interfaces. It provides a set of high-density, pre-built UI components and scaffolding to construct complex, data-heavy administrative views. The framework includes a themeable layout system for creating responsive admin panels that adapt to different screen sizes and support both left-to-right and right-to-left text directions. It is built as a multilingual UI framework with integrated support for localizing application content and labels for global users. The project covers broad capabilities i

Gestalt est une bibliothèque de composants d'interface utilisateur React typée et un système de conception. Elle fournit une collection d'éléments d'interface réutilisables et de jetons de conception qui suivent les normes d'accessibilité internationales pour assurer la convivialité pour les personnes ayant des besoins divers. Le framework inclut un système de mise en page web responsive avec des points de rupture définis et des conteneurs de grille qui adaptent les interfaces pour les appareils de bureau, mobiles et tablettes. Il dispose d'une suite de composants internationalisée qui prend en charge plusieurs langues, des schémas de couleurs régionaux et des orientations de texte de droite à gauche. La bibliothèque couvre une large gamme de capacités d'interface, y compris des affichages en grille et en maçonnerie flexibles avec virtualisation pour un rendu haute performance, des éléments de formulaire complets et des systèmes de navigation. Elle fournit également des outils pour la communication de l'état du système via des alertes et des bannières, des superpositions contextuelles comme des modales et des popovers, et des visualisations de données accessibles pour les métriques et les tendances. Le système utilise des déclarations TypeScript officielles pour assurer l'intégrité des données et prévenir les erreurs d'exécution pendant le développement.

vue-framework-wz est un framework de tableau de bord d'administration Vue.js et un boilerplate frontend modulaire conçu pour construire des interfaces administratives. Il fournit une bibliothèque de composants UI d'entreprise et un système de contrôle d'accès basé sur les rôles pour gérer les connexions utilisateur et restreindre l'accès aux routes administratives protégées. Le framework dispose d'un outil en ligne de commande pour gérer les dépendances de plugins optionnels afin d'optimiser la taille du bundle. Il inclut un système de navigation automatisé qui génère des barres latérales multi-niveaux, des fils d'Ariane et des interfaces de navigation par onglets basées sur la configuration de routage de l'application. Le projet couvre des capacités d'entreprise plus larges, y compris des configurations de build spécifiques à l'environnement pour le développement et la production, des flux de travail d'exportation de données CSV pour les données tabulaires, et des éditeurs de texte riche et markdown intégrés pour la création de contenu.

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

TDesign est un système de design d'entreprise et une bibliothèque de composants UI multiplateforme. Il fournit un ensemble complet de directives de design et d'éléments d'interface réutilisables destinés à construire des applications professionnelles cohérentes sur différents systèmes d'exploitation et navigateurs. Le projet utilise un système de jetons de design (design tokens) pour centraliser les variables visuelles de couleurs et de typographie, permettant une personnalisation aux couleurs de l'entreprise. Il assure une apparence uniforme grâce à des spécifications UI partagées et un ensemble centralisé de variables visuelles. Le système inclut un kit de démarrage de framework UI avec des outils en ligne de commande et des modèles pour l'initialisation de projets frontend. Il soutient également le processus de développement via un pipeline design-to-code et un packaging de composants modulaires.

Quark Design is a library of reusable interface components built on browser-native web standards. By utilizing custom elements and shadow DOM encapsulation, the project provides a suite of UI elements that function as native browser objects, ensuring consistent visual rendering and behavior across diverse environments. The library is designed to be framework-agnostic, allowing components to be integrated into any web project as standard HTML tags. Because it operates on native browser primitives rather than relying on virtual DOM reconciliation, it maintains a lightweight runtime execution mo

N3-components is a library of modular, reusable user interface elements designed for the Vue framework. It functions as a toolkit for constructing web application layouts by providing a collection of standardized building blocks that ensure consistent behavior and a unified design language across projects. The library enables developers to assemble complex interfaces through a component-based architecture that supports scoped styling and flexible content projection. It facilitates the creation of scalable frontends by allowing for the customization of visual properties through centralized con