Design Systems & Style Guides

Google's Material Design.

Ant Design: Design system for enterprise-level products.

Apple Design Resources: Guides and templates for using Apple design and UI.

Primer: Design, build, and create with GitHub’s design system.

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

Alta UI: Oracle's design system and toolkit.

Pulse: Design system, guides and React component library.

Bolt: Robust Twig and web component powered UI components.

Clarity Design System: UX guidelines, HTML/CSS framework, and Angular components.

AtlasKit: 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.

Yelp Style Guide: Cookbook Brand Blog Careers Cookbook Cookbook is Yelp's design system for digital experiences, and follows Brad Frost's Atomic Design methodology. Our system carries through with the food analogy by using ingredients for our styles, recipes for our components, and entrees for complex components.

Comet: Scalable design system of visual language, components, and design assets.

ETrade Design System: Guides and toolkits that blend finance with simplicity and ease of use.

Fundamental Library: Open source and community driven project for consistent user interfaces.

Infor Design: System helps product teams build cohesive user experiences in efficient ways, offering foundations, components, code, assets, and best practices.

Lexicon: Liferay Design | Articles, Events, and Resources for the Open Source Design Community.

Marvel Style Guide: Set of design principles and components.

Microsoft Fluent UI is the official front-end framework for building experiences that fit seamlessly into Microsoft 365.

Pluralsight Design System: Design guide with components for designing with Pluralsight.

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

22.0.0 Mozilla Protocol.

SendGrid Style Guide is the SendGrid Style Guide is deprecated. Please use Paste .

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

Rizzo: Style guide with UI components, JS components, widgets, etc.

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

StyleGuides.io is a directory of 500+ styleguides.

Done Design System: Done is Open source design system based on Bootstrap 4. Organized SASS code makes product development easier and faster.

Skoda Brand System: Design guideline for developing applications under the Skoda brand.

Spectrum: provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

Asphalt: Gojek Design Language System.

Laws of UX: is a collection of best practices that designers can consider when building user interfaces.

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

Humane By Design: Guidance for designing humane digital products and services focused around digital well-being.

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

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

Patterns: Learn JavaScript design and performance patterns for building more powerful web applications.

Design Principles For Developers is a resource to improve Design principles and guidelines for developers.

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