Awesome GitHub RepositoriesDesign Systems

Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and accessibility guidelines. It functions as a React UI component library and a web component library, offering a collection of pre-styled elements and layout utilities to create a cohesive visual experience across web platforms. The project translates a brand design language into a functional library of reusable components, ensuring cross-product visual consistency. It enables the implementation of design systems for enterprise web applications through the use of standardized visual and

Material Web is a framework-agnostic library of reusable user interface components built on native browser standards. It provides a collection of interactive elements that follow official design system specifications, enabling the creation of consistent and accessible interfaces across diverse web applications. The library utilizes custom elements and shadow DOM to ensure style encapsulation and component logic isolation. By leveraging native browser APIs, it maintains design integrity and functional consistency across all major web browsers and varying screen sizes. The project supports ent

FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

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.

Fundamental white label web component features for your design system.

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

Spectrum Web Components

Works with all frameworks 🧩 - Works with CDNs 🚛 - Fully customizable with CSS 🎨 - Includes an official dark theme 🌛 - Built with accessibility in mind ♿️ - Open source 😸

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

Carbon Design System variant on top of Web Components

PatternFly Elements. A set of community-created web components based on PatternFly design.

A monorepo containing the packages for Esri's Calcite Design System

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.

DEPRECATED: Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System 🌈DE

🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps!

Momentum UI is a collection of UI libraries for implementing Momentum Design into web applications and websites.

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

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.

Red Hat's Design System

AXA CH UI component library. Please share, comment, create issues and work with us!