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 是一个类型安全的 React UI 组件库和设计系统。它提供了一系列可重用的界面元素和设计令牌，遵循国际无障碍标准，以确保不同需求人群的可用性。 该框架包含一个响应式 Web 布局系统，具有定义的断点和网格容器，可为桌面、移动和平板设备适配界面。它具有国际化的组件套件，支持多种语言、区域配色方案和从右到左的文本方向。 该库涵盖了广泛的界面能力，包括具有虚拟化功能以实现高性能渲染的灵活网格和瀑布流显示、全面的表单元素以及导航系统。它还提供用于通过警报和横幅进行系统状态通信的工具、模态框和弹出框等上下文覆盖层，以及用于指标和趋势的可访问数据可视化。 该系统利用官方 TypeScript 声明来确保数据完整性，并在开发过程中防止运行时错误。

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!