All Tools/Design Systems & Style Guides

Design Systems & Style Guides

Explore top design systems from Google, Apple, and Microsoft. Learn from industry-leading style guides and open-source UI component libraries.

21 tools✦3 best picks

Sort by

Checklist Design
Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.
Best
(opens in a new tab)
Material Design
Google's Material Design
(opens in a new tab)
Ant Design
Design system for enterprise-level products
(opens in a new tab)
Apple Design Resources
Guides and templates for using Apple design and UI
(opens in a new tab)
Lexicon
An experience language for crafting beautiful UI
(opens in a new tab)
Primer
Design, build, and create with GitHub’s design system
(opens in a new tab)
AtlasKit
Atlassian's official UI library, built according to the Atlassian Design Guidelines
Best
(opens in a new tab)
Carbon Design Systems
Carbon is IBM’s open-source design system for products and experiences
(opens in a new tab)
StyleGuides.io
A directory of 500+ styleguides
Best
(opens in a new tab)
Yelp Style Guide
Yelp style guide, components and toolkit
(opens in a new tab)
Microsoft Fluent UI
Collection of UX frameworks from Microsoft
(opens in a new tab)
Material Design Resources
Use Material tools, downloads, and interactive projects to simplify your workflow.
(opens in a new tab)
Pluralsight Design System
Design guide with components for designing with Pluralsight
(opens in a new tab)
VTEX Styleguide
Reusable patterns, components and assets related to product design in VTEX
(opens in a new tab)
Clarity Design System
UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences
(opens in a new tab)
Atomize
UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly
(opens in a new tab)
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
A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
(opens in a new tab)
Patterfly
PatternFly is an open source design system from Red Hat, Inc.
(opens in a new tab)
Google Style Guides
Code design style guide from google
(opens in a new tab)
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)