A Curated Collection of Design Systems

The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.

An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises

A clean and consistent UI framework for Slack apps

An Orange toolkit of design guidelines, and interface components for designers and developers to work efficiently and create compelling and consistent user experiences.

Small & lightweight design system kit that matches Miro for building apps.

An open source design system for your next travel project.

PatternFly is Red Hat's open source design system. It consists of components, documentation, and code for building enterprise applications at scale.

Evergreen is a React UI Framework for building ambitious products on the web. Made by Segment in San Francisco, CA.

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems. It is open source and contributions are welcome.

Garden is the design system by Zendesk. It’s where we grow the components, standards, and tools that product designers use every day.

Installation Guide - How to install Amplify UI Packages, Styles, and Fonts.

Forma 36 is an open-source design system by Contentful created with the intent to reduce the overhead of creating UI by providing tools and guidance for digital teams building and extending Contentful products.

Find all the fundamental UXI guidelines and pattern-based web components to build brand driven, consistent and intuitive designs for digital Porsche products.

A series of assets and guidelines for building consistent user experiences across Biings products.

Wanda is Wonderflow's design system

Racine is Sprout’s library of global, reusable React components. See the getting started guide to learn more or browse the components.

Vercel's design system called Geist. Made for building consistent and delightful web experiences.

Wise Design is the Wise design system. It helps our team create a distinct, accessible and consistent Wise experience that works for everyone, everywhere.

A documentation site dedicated to the Workday Canvas Design System

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user experiences at scale.

Lightning Design System 2 · Design system documentation, made with zeroheight

Create a consistent, good-looking, easy-to-use, and efficient user experience with a user-centric, content-first, and human-friendly design system

React UI Component

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.

The Design System for GitHub

Resources, components, and design guidelines behind GitLab

Common values and principles fundamental to LINE Design are provided in these guidelines as a center of truth and as assistance to align LINE services with a unified design language.

Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

The world runs on you.

Documentation on Design

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

Design, build, and ship coherent experiences with Nordhealth’s design system.

Acorn is the design system for the Firefox desktop and mobile browsers

A Powerful Brand Powered by Frontify

Flowind UI kit and design system, Components and templates are not only beautifully designed, but also expertly crafted to ensure high-quality and consistency.

Beautiful UI components and templates by the creators of Tailwind CSS.

Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.

Beschreibung, Spezifikation und Beispiele für die Abbr-Komponente.

Getting up and running with Semantic UI

Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.

An ever-expanding, open-source React UI library built with the Wedges Design System, Radix primitives, and Tailwind CSS.

Open UI

A single design system to ensure every interface feels like Hudl. From the colors we use to the size of our buttons and what those buttons say, Uniform has you covered. Check the guidelines, copy the code and get to building.

Vuesax Framework Components for Vuejs

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

Get started with the most popular open-source library of interactive UI components built with the utility classes from Tailwind CSS

Provides a library of components for your project

Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.

Quickly set up Preline UI Tailwind CSS library for your project. Browse Tailwind components and UI elements such as buttons, grids, tables, and more.

Build responsive and accessible mobile-first projects for the web with an easy to use component library.

The FIDO Alliance Design Guidelines are for consumer use cases of passkeys. The FIDO Alliance UX Working Group conducts rigorous usability research each year to support these guidelines. The UX Working Group is comprised of 128 people from 32 companies around the world. The Design Guidelines center around design patterns and new design patterns are added regularly.

Central location for a live inventory of UI components, brand guidelines, brand assets, code snippets and developer guidelines for Marvel products.

Duet provides a set of organized tools, patterns, and practices that work as the foundation for LocalTapiola and Turva digital products.

One of the best design system kits for Figma. All top features included - Auto Layout, Tokens, Variables, Styles, Component Properties. Not just a next UI Kit.

Clarity Design · 协作产品 UI 设计语言，at 是基于 Teambition 设计体系的 React UI 组件库，主要用于研发企业级中前台产品。

Fusion Design is an enterprise-level solution for building web products by improving designer-developer collaboration, product experience consistency, and development efficiency.

A Vue 3 based component library for designers and developers

轻量、可靠的小程序 UI 组件库

面向金融场景的Vue移动端UI组件库

基于 Vue.js 的 UI 组件库，用于研发企业级中后台产品。iView 官网。

京东风格的轻量级移动端 Vue、React 组件库

DevUI Design, 一款开源免费的企业中后台产品前端的通用解决方案

Our design guidelines cover the fundamentals of grids, type, colour, iconography, photography and more.

Our new expression. It all starts here. Use this guide as a high-level overview of how the Starbucks brand comes to life.

The Chicago Design System is the public identity of the City of Chicago. It is an inclusive, equitable, cost saving system for City communication and for Chicagoans to show their civic pride.

USWDS makes it easier to build accessible, mobile-friendly government websites.

Install TW elements via npm, via command line, via CDN or download a free .zip package. Use our open source Tailwind CSS components for free.

Our Design System compiles the UX and App Design guidelines used to build your apps through our app builder to achieve visual consistency across all platforms.

了解面向开发人员的 混合现实 Toolkit 3。

Welcome to the Plugin API!

Used by more than 7.000 professionals, Floatgrids is a VR and AR UI Design System for Figma and Unity with more than 50 UI components and templates to speed up the user interface design and development process for spatial apps and games while maintaining consistency, scalability and high quality visual UI.

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

Maintain the integrity of their user experience and optimize design and development resources.

Design System

Дизайн-система Mail.ru Paradigm. Это живой гайдлайн для продуктов под брендами Mail.ru

Components are key building blocks of the NewsKit design system.

NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.

Discover a faster and smarter way to build extensible web app UIs with Vaadin's integrated design system.

Vibe design system by monday.com

Helping us build great products for our customers

Fundamental Library is a SAP Design System Component Library

The Cedar Design System provides digital teams with reusable UI components based on REI’s visual language.

Skyline is Benevity's design system. It helps create a familiar and positive experience across all our products.

Yoga is a scientific system of practices made to help each one of us achieve our highest potential and experience.

The Bolt Design System provides guidelines, reusable UI components, visual styles, tools, and other resources that power Pega’s digital ecosystem; saving time while keeping projects on-brand, and in scope.

Barista - the Dynatrace design system. Tailored to scale. - dynatrace-oss/barista

Гайдлайны и компоненты для работы с интерфейсами

Instructure UI

📣 $79.99 $49.99 for a limited time to celebrate our launch!Baseline UI is the ultimate, easy to customize Figma UI kit that helps teams get started building application UIs faster. Built by professionals that have created systems for thousands of designers for the largest companies in the world, it's opinionated enough with design patterns you can start using right away, but also purposely simple so you can make it your own.FeaturesOver 1,000 prototype ready, fully customizable components using the latest Figma advancements with baked in light and dark mode support.Countless configurationsCompletely customizable core color library.200+ Figma variables for color, sizing and spacing.Customizable typography stack.10+ full UI examples to get you started.A full suite of icons powered by Google.Professionally built, beautifully laid out pages with examples for every component.Try Our Free PreviewNot ready to buy? See what makes Baseline UI great by checking out and preview our kit on Figma Community.Try Now

Tech Foundation provides high-quality design resources and education.

The Astro Space UX Design System enables developers & designers to build rich space app experiences with established interaction patterns & best practices.

Best Tailwind Components Library - Free UI components for Tailwind CSS

Beautiful, fast and modern React UI Library