Australian Government Design System

Australian Government

Australian Government Design System

The Australian Government Design System provides a framework and a set of tools to help designers and developers build government products and services more easily.

Zendesk Garden

Zendesk

Zendesk Garden

Welcome to our curated collection of UI goodness, the Zendesk Garden. The Garden is where we grow user interface components for Zendesk products.

Morningstar Design System

Morningstar

Morningstar Design System

The Morningstar Design System aligns product teams on Morningstar brand, visual language, UX, and technical standards.

Marvel Styleguide

Marvel

Marvel Styleguide

Marvel created this styleguide to act as a central location where they house a live inventory of UI components, brand guidelines, brand assets, code snippets, developer guidelines and more.

Solid Style Guide

BuzzFeed

Solid Style Guide

Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features.

Primer

GitHub

Primer

Primer is the design system that powers GitHub. A new documentation website is coming soon.

Rivet

Indiana University

Rivet

Familiarity is a key component of usability. With Rivet, you get a toolset for creating familiar web applications to give users a better experience.

Infor Design System

Infor

Infor Design System

A central resource for development tools, best practices, and support documentation to help everyone create consistent, quality UX.

GEL

Westpac

GEL

GEL is our single source of truth, providing everything you need to deliver our brand promises and create consistent, coherent customer experiences across our entire digital landscape faster, and with less effort.

Arui-Feather

Alfa-Bank

Arui-Feather

We are sure that designers and front-end developers should work in tandem, using all the advantages of a design system for testing hypotheses and developing products.

Priceline One

Priceline

Priceline One

In order to create a consistently great experience for our users, Priceline One is meant to be the single source of truth for user interface standards for both designers and developers.

Feelix

MYOB

Feelix

A living styleguide for product designers & developers at MYOB. Explore foundations of our design system including typography, colors, grid and more.

Uniform

Hudl

Uniform

Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.

Workday Canvas

Workday

Workday Canvas

The Workday Canvas Design System provides designers and developers with tools to create exceptional experiences. Delve into our design standards, writing guidelines, and playbook.

U.S. Web Design System

U.S. Government

U.S. Web Design System

Design and build fast, accessible, mobile-friendly government websites backed by user research.

E-Trade

Design Language

E-Trade

A unified aesthetic plays a key role in making E-Trade a connected, engaging and meaningful experience. Through the Design Language, our experiences are differentiated, easy to use and easy to comprehend.

Code for America Style Guide

Code for America

Code for America Style Guide

This website style guide is intended to help anyone involved with communications for Code for America and its affiliate programs.

IBM Design Language

IBM

IBM Design Language

Use the IBM Design Language to create beautifully crafted products and enlightening user experiences.

Clarity Design System

VMware

Clarity Design System

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

Ant Design

Ant Financial

Ant Design

A design system with values of Nature and Determinacy for better user experience of enterprise applications.

Mineral UI

CA Technologies

Mineral UI

Mineral UI is an open-source design system created to simplify building appealing, modern software experiences.

Polaris

Shopify

Polaris

Polaris is the blueprint for Shopify's design system. It helps collaborate across disciplines to build a great experience for all of Shopify’s merchants.

SendGrid Style Guide

SendGrid

SendGrid Style Guide

The SendGrid Style Guide is a library for developing consistent UI/UX at SendGrid. It is made up of modular, reusable components based on OOCSS and SMACSS principles.

Audi UI

Audi

Audi UI

The aim is to create varied solutions and a well-balanced, system-wide user experience – from the app to the vehicle.

QuickBooks Design System

QuickBooks

QuickBooks Design System

The QuickBooks Design System mission is to deliver delightful customer experiences that elevate our brand.

Lexicon

Liferay

Lexicon

A set of principles, patterns and tools created to provide a common design framework for crafting user interfaces within Liferay product ecosystem.

Office UI Fabric

Microsoft

Office UI Fabric

The official front-end framework for building experiences that fit seamlessly into Office and Office 365.

Wonderbly Design System

Wonderbly

Wonderbly Design System

We’ve been working to create this design system as a centralised hub for showcasing our design rules, principles, and frontend components.

Swarm Design System

Meetup

Swarm Design System

The Swarm Design System is a living ecosystem to help our teams craft online experiences to bring people together offline.

Rizzo

Lonely Planet

Rizzo

When creating Rizzo, we didn't focus on the Style Guide as the deliverable. Instead we focused on reducing complexity and increasing reusability.

Pega Product Design

Pegasystems

Pega Product Design

Pega is a powerful UX system for engaging customers and employees. Pega software solves complex business problems through outcome-based product design.

OPattern

OPower

OPattern

Opattern is a design system and style guide for everyone who creates Opower products. See the look and feel we’re going for and get specs for colors, buttons, charts, and more.

MongoDB Design System

MongoDB

MongoDB Design System

This site aims to provide everything you need to get up to speed quickly when designing for MongoDB. You'll find documentation for components, Sketch assets, and usage guidelines.

Mapbox Base

Mapbox

Mapbox Base

Base is an internal guide & code repository for designing and coding at Mapbox. Not a Mapbox team member? Feel free to find inspiration or borrow from Base.

MailChimp Pattern Library

MailChimp

MailChimp Pattern Library

The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, and intuitive app.

Heroki Design

Heroku

Heroki Design

We design holistic, consistent, intuitive, accessible experiences and interfaces that offer value to existing and new Heroku customers. We champion our users.

Help Scout Style Guide

Help Scout

Help Scout Style Guide

This style guide is our brand’s playbook. A way of presenting people with a polished brand experience, but also a way to empower members of the Help Scout team to move quickly and do excellent work.

FutureLearn Pattern Library

FutureLearn

FutureLearn Pattern Library

The library directly reflects the FutureLearn platform and uses the same underlying CSS and markup to display the elements and rules that make up the interface.

Yelp Styleguide

Yelp

Yelp Styleguide

The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.

Global Experience Language (GEL)

BBC

Global Experience Language (GEL)

GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.

Predix Design System

General Electric

Predix Design System

Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.

Photon Design System

Firefox

Photon Design System

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

Nachos

Trello

Nachos

Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.

Material Design

Google

Material Design

Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

Lightning Design System

Salesforce

Lightning Design System

The Lightning Design System enables you to build rich enterprise experiences and custom applications with the patterns and established best practices that are native to Salesforce.

Canvas Design System

Hubspot

Canvas Design System

This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.

Atlassian Design Language

Atlassian

Atlassian Design Language

Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.

ServiceNow Design System

ServiceNow

ServiceNow Design System

The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.

Seek Style Guide

Seek

Seek Style Guide

The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.

Pluralsight Design System

Pluralsight

Pluralsight Design System

The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.

Plasma

WeWork

Plasma

Our operations are complicated, so we design and build our own internal digital tools to meet our business needs. The Plasma design system is created for these internal business tools.

Grommet

Hewlett Packard

Grommet

Grommet provides all the guidance, components, and design resources you need to take your ideas from concept to a real application.

Fiori

SAP

Fiori

The original SAP Fiori user interface for web apps based on the SAPUI5 framework. Learn how to design engaging and intuitive apps that can run on any device.

Carbon Design System

IBM

Carbon Design System

Carbon is the design system for IBM Cloud products. It is a series of individual styles, components, and guidelines used for creating unified UI.

Backpack

Skyscanner

Backpack

Backpack is the foundation for all Skyscanner products. It builds on Atomic Design principles to help visualise how these products are assembled.

Human Interface Guidelines

Apple

Human Interface Guidelines

Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

Gitlab Design System

Gitlab

Gitlab Design System

The GitLab Design System contains design guidelines and UI components. When you look at any screen, you should know immediately that it is GitLab.