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.


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)
(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


AtlasKit
Atlassian's official UI library, built according to the Atlassian Design Guidelines
Best(opens in a new tab)
(opens in a new tab)
Carbon Design Systems
Carbon is IBM’s open-source design system for products and experiences


StyleGuides.io
A directory of 500+ styleguides
Best(opens in a new tab)
(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.
Related Categories

Serverless & Deploy
Find free serverless hosting platforms like Vercel and Netlify. Deploy static sites, JAMstack apps, and serverless functions easily and quickly.

Chrome Extensions
Discover essential free Chrome extensions for web developers and UI designers, featuring tools for debugging, color picking, and daily SEO analysis.

Online Tools
Access free browser-based online design tools for image editing, rapid wireframing, and web dev. Find free alternatives to Photoshop and Figma.

Design Softwares
Download free design software for UI/UX, graphic design, and photo editing. Find the best free alternatives to Adobe Creative Suite like Figma.