A Curated Collection of Design Systems

Explore a curated collection of popular design systems from Apple, Ant Design, Shopify Polaris, and more. Your resource for UX inspiration, component libraries, and design best practices.

Explore by topic

Jump into dedicated pages for enterprise, open source, Figma, and React design systems.

Enterprise design systems to benchmark

Discover enterprise design systems from leading brands. Compare patterns, governance approaches, and UI foundations used in large product teams.

Open source design systems for modern products

Explore open source design systems and component libraries for modern teams. Find reusable UI patterns, tokens, and documentation resources.

Figma-focused design systems and UI references

Find Figma-friendly design systems with strong docs and component guidance. Great for design workflow consistency and faster design-to-dev handoff.

React design systems for production UI

Browse React-based design systems and component libraries to speed up UI development. Compare APIs, patterns, and production-ready design foundations.

Design Systems

Human Interface Guidelines | Apple Developer Documentation

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

View details Visit site

Ant Design - The world's second most popular React UI framework favicon

Ant Design - The world's second most popular React UI framework

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

View details Visit site

Design — Shopify Polaris

View details Visit site

A clean and consistent UI framework for Slack apps

View details Visit site

Orange Design System favicon

Orange Design System

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

View details Visit site

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

View details Visit site

Orbit design system

An open source design system for your next travel project.

View details Visit site

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

View details Visit site

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

View details Visit site

Paste: The Design System for building Twilio customer experiences

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.

View details Visit site

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

View details Visit site

Installation | Amplify UI for React

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

View details Visit site

Forma 36 - The Contentful Design System

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.

View details Visit site

Decathlon Design System · zeroheight

View details Visit site

Porsche Design System

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

View details Visit site

Biings Design System

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

View details Visit site

Wanda Design System

Wanda is Wonderflow's design system

View details Visit site

Mozilla Protocol

View details Visit site

Blueprint – Documentation

View details Visit site

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

View details Visit site

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

View details Visit site

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

View details Visit site

A documentation site dedicated to the Workday Canvas Design System

View details Visit site

Material Design

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

View details Visit site

Cloudscape - Cloudscape Design System

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

View details Visit site

SAP Fiori for Web Design Guidelines

View details Visit site

Lightning Design System 2 favicon

Lightning Design System 2

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

View details Visit site

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

View details Visit site

TDesign Web React

React UI Component

View details Visit site

Fluent 2 Design System

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.

View details Visit site

The Design System for GitHub

View details Visit site

Pajamas Design System

Resources, components, and design guidelines behind GitLab

View details Visit site

LINE Design System for Messenger - Foundation

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.

View details Visit site

Carbon Design System

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.

View details Visit site

Overview | Samsung Developer

The world runs on you.

View details Visit site

Design | Backstage Software Catalog and Developer Platform

Documentation on Design

View details Visit site

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.

View details Visit site

dds__chevron-left

View details Visit site

Nord Design System

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

View details Visit site

Acorn - Acorn Design System

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

View details Visit site

Home | Pluralsight Design System

View details Visit site

, Opens a new tab favicon

, Opens a new tab

View details Visit site

A Powerful Brand Powered by Frontify

View details Visit site

Components - W3C Design System

View details Visit site

Flowind Design System favicon

Flowind Design System

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

View details Visit site

Tailwind CSS Components - Tailwind Plus

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

View details Visit site

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

View details Visit site

Abbr | KoliBri - Public UI

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

View details Visit site

Getting Started | Semantic UI

Getting up and running with Semantic UI

View details Visit site

Get started with Bootstrap

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

View details Visit site

Introduction — Wedges | Lemon Squeezy

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

View details Visit site

View details Visit site

Liquid – Introduction

View details Visit site

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.

View details Visit site

Vuesax - Framework for Vuejs

Vuesax Framework Components for Vuejs

View details Visit site

Build your component library - shadcn/ui

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

View details Visit site

Flowbite - Tailwind CSS component library

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

View details Visit site

Supabase UI Library

Provides a library of components for your project

View details Visit site

Design system built for your scale with React and Figma

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

View details Visit site

Design System Kit

View details Visit site

View details Visit site

@storybook/cli - Storybook

View details Visit site

Preline UI - Tailwind CSS component library

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

View details Visit site

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

View details Visit site

Design Guidelines | Passkey Central

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.

View details Visit site

Component Status - Morningstar Design System

View details Visit site

Clarity Design System

View details Visit site

Styleguide — Marvel

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

View details Visit site

Duet Design System

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

View details Visit site

Get Started — Lexicon by Liferay.Design

View details Visit site

Prime Design System Kit favicon

Prime Design System Kit

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.

View details Visit site

Xconsole | 阿里云产品设计研发解决方案 favicon

Xconsole | 阿里云产品设计研发解决方案

View details Visit site

Clarity Design · 协作产品 UI 设计语言 favicon

Clarity Design · 协作产品 UI 设计语言

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

View details Visit site

PC 官网 - 首页

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

View details Visit site

A Vue 3 UI Framework | Element Plus

A Vue 3 based component library for designers and developers

View details Visit site

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

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

View details Visit site

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

View details Visit site

iView / View Design 一套企业级 UI 组件库和前端解决方案

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

View details Visit site

View details Visit site

NutUI - 移动端 Vue2、Vue3、小程序组件库 favicon

NutUI - 移动端 Vue2、Vue3、小程序组件库

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

View details Visit site

DevUI Design Of Angular

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

View details Visit site

Brand Guidelines - Duolingo

View details Visit site

Volvo Cars Design Portal

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

View details Visit site

Starbucks Creative Expression

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

View details Visit site

Chicago Design System

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.

View details Visit site

USWDS: The United States Web Design System

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

View details Visit site

View details Visit site

Install a free Tailwind CSS components library

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.

View details Visit site

Design System - App Design and UX guidelines to build top mobile apps

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.

View details Visit site

混合现实工具包 3 开发人员文档 - MRTK3

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

View details Visit site

Introduction | Plugin API

Welcome to the Plugin API!

View details Visit site

FloatGrids, an AR an VR UI Design System for Figma and Unity favicon

FloatGrids, an AR an VR UI Design System for Figma and Unity

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.

View details Visit site

Untitled UI — Figma UI Kit and Design System favicon

Untitled UI — Figma UI Kit and Design System

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.

View details Visit site

Bold Design System

View details Visit site

Moon Design System

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

View details Visit site

Intergalactic Design System

View details Visit site

Design & deliver better experiences | Sainsbury’s Design System

View details Visit site

mobileLIVE Friday - The Design System

View details Visit site

Дизайн-система Mail.ru Paradigm

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

View details Visit site

View details Visit site

Components overview | NewsKit design system

Components are key building blocks of the NewsKit design system.

View details Visit site

Getting Started | NativeBase | Universal Components for React and React Native

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.

View details Visit site

Design System | Vaadin

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

View details Visit site

Vibe Design System

Vibe design system by monday.com

View details Visit site

VKUI styleguide favicon

VKUI styleguide

View details Visit site

@storybook/core - Storybook

View details Visit site

View details Visit site

VTEX Styleguide

View details Visit site

View details Visit site

View details Visit site

View details Visit site

Design System | Digital NSW

View details Visit site

Helping us build great products for our customers

View details Visit site

Fundamental Library Website

Fundamental Library is a SAP Design System Component Library

View details Visit site

Cedar Design System | REI Co-op

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

View details Visit site

Skyline, Benevity's Design System.

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

View details Visit site

Yoga • Design System

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

View details Visit site

Bolt Design System

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.

View details Visit site

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

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

View details Visit site

Ratio — дизайн-система нового Рамблера

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

View details Visit site

Instructure UI favicon

View details Visit site

Get started | Vanilla documentation favicon

Get started | Vanilla documentation

View details Visit site

@storybook/cli - Storybook

View details Visit site

View details Visit site

Figma UI Design Kit - Pro favicon

Figma UI Design Kit - Pro

📣 $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

View details Visit site

@storybook/cli - Storybook

View details Visit site

Tech Foundation

Tech Foundation provides high-quality design resources and education.

View details Visit site

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

View details Visit site

daisyUI — Tailwind CSS Components ( version 5 update is here )

Best Tailwind Components Library - Free UI components for Tailwind CSS

View details Visit site

HeroUI (Previously NextUI) - Beautiful, fast and modern React UI Library

Beautiful, fast and modern React UI Library

View details Visit site

Choose your path

Pick the path that matches your role and jump to the most relevant design system references.

Start with Figma-focused systems to compare component usage, visual language, and documentation quality.

For frontend developers

Go to React and open source pages to review implementation patterns, APIs, and reusable UI foundations.

For product and design leads

Explore enterprise systems for governance, naming conventions, and scalable multi-team design operations.

What is Design System Hub?

Design System Hub is a curated directory of design systems, UI kits, and component libraries from around the world. It helps designers and developers discover established UX systems, compare approaches, and find inspiration for building consistent, scalable interfaces.

What You Can Find Here

Design System Hub curates the best design systems and UX resources for designers and developers.

Enterprise Systems: Design systems from major companies like Apple HIG, Shopify Polaris, and Atlassian.
Open-Source Libraries: Component libraries such as Ant Design, Material Design, and Chakra UI.
Figma Integration: Use our Figma plugin to browse systems directly in your design files.
Curated & Updated: Regularly updated collection with links to official documentation and resources.

Great For Designers and Developers

Who benefits from a design system resource hub?

UX Designers: Discover patterns, components, and guidelines from leading design systems.
Frontend Developers: Find component libraries and design tokens for your tech stack.
Design Leads: Research approaches when building or evolving your own design system.
Product Teams: Align on consistency by referencing proven design system structures.

Frequently Asked Questions

Have questions? We have answers.

More tools from Design System.

View all Design System