Design Systems & Style Guides


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

Checklist Design

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

Best is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.


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


An experience language for crafting beautiful UI


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


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

A directory of 500+ styleguides


Yelp Style Guide

Yelp style guide, components and toolkit

Mailchimp UI/UX

Style guide and components from Mailchimp

Microsoft Fluent UI

Collection of UX frameworks from Microsoft

Material Design Resources

Use Material tools, downloads, and interactive projects to simplify your workflow.

Pluralsight Design System

Design guide with components for designing with Pluralsight


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

VTEX Styleguide

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

Clarity Design System

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences


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


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

Humane By Design

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


PatternFly is an open source design system from Red Hat, Inc.

Google Style Guides

Code design style guide from google

Duet Design System

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