Web Components

Adobe's design system behind its creative and document products, with shared foundations, tokens, and component implementations for React and Web Components.

Alaska Airlines' Auro design system, built around framework-agnostic web components, design tokens, and CSS guidelines shared across Alaska and Hawaiian brands.

The Swedish Public Employment Service's design system, with a Figma UI kit, design tokens, and Stencil web components usable from Angular, React, or plain HTML.

Docplanner's Watson design system for its SaaS products, providing design tokens, Vue components, and standalone web components distributed through a private registry.

Esri's Calcite Design System for consistent ArcGIS experiences, offering a UI kit, icons, color schemes, and a web component library for mapping apps.

Material Design 3, Google's open source design system for adaptive, expressive products, with tokens, components, and implementations for Compose, Flutter, and the web.

IBM's open source design system built on the IBM Design Language, with React and Web Components libraries, design kits, guidelines, and an active contributor community.

Sirio, the design system of Italy's social security institute INPS, uniting brand guidelines, product rules, writing guidance, and UI kits for citizen services.

Duet, the design system behind LocalTapiola and Turva digital products, offering web components, a CSS framework, and design tokens with accessibility built in.

Maersk Technology's design language, providing styles, tokens, themes, layouts, web components, icons, and content guidelines for consistent logistics products.

Microsoft's Fluent 2 design system for moving fluidly between design and code across web, iOS, Android, and Windows, with tokens, components, and AI guidance.

New York State's shared library of accessible web components, design tokens, and guidelines for agencies building mobile-friendly digital services.

Nordhealth's Nord Design System, production-grade web components, design tokens, Tailwind CSS support, and Figma toolkit behind its healthcare software products.

The Government of Ontario's design and coding standards for building public products, with documented components, release notes, and web component packages.

Porsche's toolkit for high-quality web applications, with Figma libraries, web components wrapped for React, Angular, and Vue, and brand-driven UX guidelines.

Salesforce's Lightning Design System, now SLDS 2, offering styling hooks, utility classes, icons, accessibility rules, and AI design guidance for building on Salesforce.

The SAP Design System, home of SAP Fiori for web, iOS, and Android plus the SAP Digital Design System, built for accessible, enterprise-grade experiences.

Shopify's Polaris, the unified UI framework built on web components that apps use across the Shopify Admin, Checkout, customer accounts, and POS.

Solar, the Sunrise design system that gives every digital team at the Swiss telecom reusable web components, foundations, page sections, and accessibility guidance.