Skip to content
Design Systems & Style Guides category icon

Design Systems & Style Guides

Explore design systems from Google, Apple, Microsoft, and Atlassian. Learn from industry-leading style guides, component libraries, and design documentation.

Checklist Design preview
Best

Checklist Design

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

(opens in a new tab)
Material Design preview

Material Design

Google's Material Design

(opens in a new tab)
Ant Design preview

Ant Design

Design system for enterprise-level products

(opens in a new tab)
Apple Design Resources preview

Apple Design Resources

Guides and templates for using Apple design and UI

(opens in a new tab)
Lexicon preview

Lexicon

An experience language for crafting beautiful UI

(opens in a new tab)
Primer preview

Primer

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

(opens in a new tab)
AtlasKit preview
Best

AtlasKit

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

(opens in a new tab)
Carbon Design Systems preview

Carbon Design Systems

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

(opens in a new tab)
StyleGuides.io preview
Best

StyleGuides.io

A directory of 500+ styleguides

(opens in a new tab)
Yelp Style Guide preview

Yelp Style Guide

Yelp style guide, components and toolkit

(opens in a new tab)
Microsoft Fluent UI preview

Microsoft Fluent UI

Collection of UX frameworks from Microsoft

(opens in a new tab)
Material Design Resources preview

Material Design Resources

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

(opens in a new tab)
Pluralsight Design System preview

Pluralsight Design System

Design guide with components for designing with Pluralsight

(opens in a new tab)
VTEX Styleguide preview

VTEX Styleguide

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

(opens in a new tab)
Clarity Design System preview

Clarity Design System

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

(opens in a new tab)
Atomize preview

Atomize

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

(opens in a new tab)
Asphalt preview

Asphalt

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

(opens in a new tab)
Humane By Design preview

Humane By Design

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

(opens in a new tab)
Patterfly preview

Patterfly

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

(opens in a new tab)
Google Style Guides preview

Google Style Guides

Code design style guide from google

(opens in a new tab)
Duet Design System preview

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.

(opens in a new tab)