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 is a type-safe React UI component library and design system. It provides a collection of reusable interface elements and design tokens that follow international accessibility standards to ensure usability for people with diverse needs. The framework includes a responsive web layout system with defined breakpoints and grid containers that adapt interfaces for desktop, mobile, and tablet devices. It features an internationalized component suite that supports multiple languages, regional color schemes, and right-to-left text orientations. The library covers a broad range of interface ca

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!