Design Systems & Style Guides

Material Designmaterial.io

Google's Material Design

Ant Designant.design

Design system for enterprise-level products

Apple Design Resourcesdeveloper.apple.com

Guides and templates for using Apple design and UI

Primerprimer.style

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

Arco.designarco.design

An enterprise-level design system jointly launched by the Bytedance GIP UED team and the architecture front-end team.

Alta UIoracle.com

Oracle's design system and toolkit

Pulsepulse.heartbeat.ua

Design system, guides and React component library

Boltboltdesignsystem.com

Robust Twig and web component powered UI components

Clarity Design Systemclarity.design

UX guidelines, HTML/CSS framework, and Angular components

AtlasKitatlaskit.atlassian.com

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

Audi Design Resourcesaudi.com

Audi UI design system and toolkit

Carbon Design Systemscarbondesignsystem.com

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

Yelp Style Guideyelp.com

Yelp style guide, components and toolkit

Cometcomet.discoveryeducation.com

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

ETrade Design Systemetrade.design

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

Fundamental Librarysap.github.io

Open source and community driven project for consistent user interfaces

Infor Designdesign.infor.com

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

Lexiconliferay.design

An experience language for crafting beautiful UI

Marvel Style Guidemarvelapp.com

Set of design principles and components

Microsoft Fluent UIdeveloper.microsoft.com

Collection of UX frameworks from Microsoft

Pluralsight Design Systemdesign-system.pluralsight.com

Design guide with components for designing with Pluralsight

Polarispolaris.shopify.com

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

Mozilla Protocolprotocol.mozilla.org

Protocol is a design system for Mozilla and Firefox websites

SendGrid Style Guidestyleguide.sendgrid.com

UI library for developing consistent UI/UX at SendGrid

VTEX Styleguidestyleguide.vtex.com

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

Rizzorizzo.lonelyplanet.com

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

Atomizeatomizecode.com

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

StyleGuides.iostyleguides.io

A directory of 500+ styleguides

Done Design Systemuilibrary.github.io

Open source design system, guides & components

Skoda Brand Systemskoda-brand.com

Design guideline for developing applications under the Skoda brand

Spectrumspectrum.adobe.com

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

Asphaltasphalt.gojek.io

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

Laws of UXlawsofux.com

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

Checklist Designchecklist.design

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

Humane By Designhumanebydesign.com

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

HorizonX Design-to-Code Guidehorizonx.so

Free production workflow for translating Figma components, design tokens, states, accessibility, and responsive behavior into frontend code.

Pr1mer Guidelinesguidelines.pr1mer.tech

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

Patterflypatternfly.org

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

Patternspatterns.dev

A resource to improve on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.

Design Principles For Developersmedium.com

A resource to improve Design principles and guidelines for developers.

Once UIonce-ui.com

Open-source design system for Next.js with 100+ components, deployment-ready app templates, and Figma integration

Chinese Color Atlaschinesecoloratlas.com

Free Chinese traditional color tokens, CSS variables, Tailwind theme samples, Figma Variables samples, Procreate swatches, and AI prompt resources.

CloneAny Gallerycloneany.com

Free webpage design examples with downloadable DESIGN.md style guides and source/clone previews. No signup needed to browse or download the guides.

LogoMovo One-Page Brand Guidelogomovo.com

Free, copyable manual brand-guide template covering approved logo variants, colors, typography and vendor handoff.