Design Systems

Polaris

Shopify

Polaris is the blueprint for Shopify's design system. It helps collaborate across disciplines to build a great experience for all of Shopify's merchants.

Apple HIG

Apple

Apple Human Interface Guidelines is a set of design principles, guidelines, and recommendations provided by Apple to help developers create consistent and user-friendly software apps and user interfaces for Apple's various platforms.

Material Design

Google

Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web.

Fluent

Microsoft

Fluent is Microsoft's design system for creating web experiences. It provides a comprehensive set of design guidelines, components, and tools to create consistent, accessible, and beautiful experiences across Microsoft's products.

Carbon

IBM

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.

Atlassian Design System

Atlassian

Atlassian's design system helps teams create high-quality enterprise software that's cohesive, beautiful, and easy to use. It provides a comprehensive set of guidelines, components, and tools for building consistent experiences across Atlassian's products.

Ant Design

Alibaba

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

Bootstrap

Bootstrap Team

Bootstrap is a popular front-end toolkit for building responsive, mobile-first web interfaces quickly.

Foundation

ZURB

Foundation is a responsive front-end framework with enterprise-ready UI patterns and components.

Bulma

Bulma

Bulma provides a modern CSS component framework based on Flexbox and simple composition.

Tailwind UI

Tailwind Labs

Tailwind UI offers production-ready component examples built with Tailwind CSS for modern products.

Chakra UI

Chakra

Chakra UI is a modular and accessible component system for React applications.

MUI

MUI

MUI is a comprehensive React component platform implementing Material Design and custom theming.

Joy UI

MUI

Joy UI is MUI's design system focused on modern styling and flexible, composable components.

Radix UI

Radix

Radix UI provides unstyled accessible primitives that teams use as a base for custom systems.

shadcn/ui

shadcn

shadcn/ui curates reusable components built on Radix primitives and Tailwind CSS conventions.

Base Web

Uber

Base Web is Uber's React component library for scalable and highly customizable product interfaces.

Primer

GitHub

Primer is GitHub's design system for building consistent, accessible interfaces across products.

Spectrum

Adobe

Spectrum is Adobe's design system with cross-platform guidance, tokens, and component patterns.

Lightning Design System

Salesforce

SLDS defines Salesforce's UI language and implementation patterns for enterprise cloud applications.

SAP Fiori

SAP

Fiori provides SAP's UX principles, visual language, and component guidance for business software.

USWDS

U.S. Government

USWDS is a federal design system for building accessible, consistent, and trustworthy government websites.

GOV.UK Design System

UK Government

GOV.UK Design System helps teams build consistent and user-centered government services.

Vanilla Framework

Canonical

Vanilla Framework is Canonical's CSS toolkit for building Ubuntu-aligned web interfaces.

Clarity

VMware

Clarity is VMware's design system for enterprise experiences with clear interaction patterns.

Grommet

HPE

Grommet is a design system and React component library focused on accessibility and theming.

Evergreen

Segment

Evergreen is Segment's React UI framework for building polished enterprise web products.

Blueprint

Palantir

Blueprint is a React-based UI toolkit optimized for complex, data-dense desktop interfaces.

Gestalt

Pinterest

Gestalt is Pinterest's component system for consistent and inclusive product experiences.

Orbit

Kiwi.com

Orbit is Kiwi.com's design system for travel products, including components and motion patterns.

Elastic UI

Elastic

EUI is Elastic's component system supporting observability and search product interfaces.

Garden

Zendesk

Garden is Zendesk's design system with foundations and components for support products.

Pajamas

GitLab

Pajamas is GitLab's design system that unifies visual language and implementation guidance.

Eden

Auth0

Eden is Auth0's internal design system for secure and cohesive identity product experiences.

Canvas

Intercom

Canvas is Intercom's design system for maintaining consistency in messaging and support tools.

Mailchimp Patterns

Mailchimp

Mailchimp Patterns documents reusable product design and UI implementation decisions.

BBC GEL

BBC

GEL is the BBC's global experience language for creating coherent digital products.

LeafyGreen

MongoDB

LeafyGreen is MongoDB's design system and React implementation for product consistency.

Paste

Twilio

Paste is Twilio's design system for building trustworthy communication experiences at scale.

Cloudscape

Amazon Web Services

Cloudscape is AWS's design system for building cloud-management web applications.

Momentum

Cisco

Momentum defines Cisco's visual language and cross-product component standards.

Canvas

Workday

Canvas is Workday's enterprise design system with patterns for finance and HR software.

Semi Design

Douyin

Semi Design is a modern component system for React and enterprise web applications.

Arco Design

ByteDance

Arco Design is ByteDance's design language and component suite for web products.

Mantine

Mantine

Mantine provides a rich set of React components and hooks for product-grade interfaces.

Quasar

Quasar

Quasar is a Vue-based framework and design system for web, mobile, and desktop apps.

Vuetify

Vuetify

Vuetify is a Material Design component framework for Vue applications.

Meteor

Shopware

Meteor is Shopware's component and style system for commerce administration interfaces.

Uber Base

Uber

Uber Base documents Uber's design foundations and component usage across products.

Caft

Adyen

Caft is Adyen's design system for consistent payment and fintech product experiences.

Panda

Datadog

Panda is Datadog's design system for observability dashboards and workflows.

Unify

Segment

Unify captures Segment's visual standards, components, and implementation practices.

Nord Design System

Nordhealth

Nord Design System supports healthcare products with accessible and dependable UI patterns.

Backpack

Skyscanner

Backpack is Skyscanner's design system for travel experiences across platforms.

Forma 36

Contentful

Forma 36 is Contentful's design system and React implementation for content platform products.

Vitamin

Decathlon

Vitamin is Decathlon's design system for e-commerce and sports retail experiences.

Ionic

Ionic

Ionic provides mobile-first UI components and design patterns for hybrid app development.

Onsen UI

Asial Corporation

Onsen UI is a mobile UI framework with web components for hybrid and PWA apps.

React Spectrum

Adobe

React Spectrum is Adobe's implementation of Spectrum using accessible React components and hooks.

Elastic Charts System

Elastic

Elastic Charts System focuses on data visualization conventions aligned with Elastic's design language.

Fusion

PayPal

Fusion is PayPal's design language and reusable UI foundation for payment experiences.

Wise Design System

Wise

Wise Design System defines trusted interaction and visual standards for global money transfer products.

Bloom

Doctolib

Bloom is Doctolib's healthcare-focused design system for patient and practitioner workflows.

IBM Plex System

IBM

IBM Plex System centralizes IBM's visual assets and typographic foundations for product teams.

NASA Design System

NASA

NASA Design System offers reusable guidance and components for mission-related digital experiences.

GC Design System

Government of Canada

GC Design System supports accessible and coherent digital services for Canada.ca properties.

Australian Design System

Australian Government

Australian Design System delivers reusable standards and components for public-sector services.

NZ Govt Design System

New Zealand Government

NZ Govt Design System provides common patterns for inclusive and reliable public digital services.

Swash

Lufthansa

Swash captures Lufthansa's digital design language and implementation guidance for travel products.

Revolut Design System

Revolut

Revolut Design System aligns fintech app experiences with scalable components and token standards.

Juniper

Booking.com

Juniper is Booking.com's design system for global travel marketplace interfaces.

Airbnb DLS

Airbnb

Airbnb's design language system supports coherent host and guest experiences across platforms.

Encore

Spotify

Encore is Spotify's design system for building audio-first experiences with consistent UI.

Lyft Design System

Lyft

Lyft Design System standardizes rider and driver app interfaces across platforms.

Microsoft Fabric

Microsoft

Microsoft Fabric is the predecessor ecosystem that informed modern Fluent component patterns.

Oracle Redwood

Oracle

Redwood is Oracle's design language for unified enterprise cloud application experiences.

Horizon

ServiceNow

Horizon is ServiceNow's design system for workflow-driven enterprise software.

Figma Design System

Figma

Figma's internal design system supports consistency across collaborative design tooling.

Notion Design System

Notion

Notion's design system codifies patterns for flexible workspace and knowledge interfaces.

Slack Block Kit

Slack

Block Kit defines composable UI building blocks for Slack app interfaces and messages.

Oxygen

Dropbox

Oxygen is Dropbox's system of visual and interaction standards for cloud collaboration products.

Luna

Asana

Luna is Asana's design system for team productivity and project management interfaces.