Design Systems & Style Guides

Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites

Material Design

Google's Material Design

Ant Design

Design system for enterprise-level products

Apple Design Resources

Guides and templates for using Apple design and UI


Design, build, and create with GitHub’s design system

Alta UI

Oracle's design system and toolkit


Design system, guides and React component library


Robust Twig and web component powered UI components

Clarity Design System

UX guidelines, HTML/CSS framework, and Angular components


Atlassian's official UI library, built according to the Atlassian Design Guidelines

Audi Design Resources

Audi UI design system and toolkit

Carbon Design Systems

Carbon is IBM’s open-source design system for products and experiences

Yelp Style Guide

Yelp style guide, components and toolkit


Scalable design system of visual language, components, and design assets

ETrade Design System

Guides and toolkits that blend finance with simplicity and ease of use

Fundamental Library

Open source and community driven project for consistent user interfaces

Infor Design

Guidelines and resources to create meaningful experiences for Infor’s products


An experience language for crafting beautiful UI

Mailchimp UI/UX

Style guide and components from Mailchimp

Marvel Style Guide

Set of design principles and components

Microsoft Fluent UI

Collection of UX frameworks from Microsoft

Pluralsight Design System

Design guide with components for designing with Pluralsight


Design system that creates great experiences for all of Shopify’s merchants

Mozilla Protocol

Protocol is a design system for Mozilla and Firefox websites

SendGrid Style Guide

UI library for developing consistent UI/UX at SendGrid

VTEX Styleguide

Reusable patterns, components and assets related to product design in VTEX


Style guide with UI components, JS components, widgets, etc


UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly

A directory of 500+ styleguides

Done Design System

Open source design system, guides & components

Skoda Brand System

Design guideline for developing applications under the Skoda brand


Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.


Gojek’s design language system. A collection of guidelines and components to create amazing user experiences.

Laws of UX

A collection of the key maxims that designers must consider when building user interfaces.

Checklist Design

Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.

Humane By Design

A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.

Pr1mer Guidelines

An open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech