Design tokens

MongoDB's open source LeafyGreen design system and React UI kit, now in maintenance mode as new MongoDB products move to its successor, Via.

Mozilla's Protocol design system for Mozilla and Firefox websites, providing a common design language, reusable coded components, and content and accessibility guidelines.

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.

Tractie, Dutch Railways' design system for internal employee applications, with fundamentals, components, patterns, and support for web, Mendix, and Android developers.

Pluralsight's Pando design system, the successor to its classic library, with React components, themes, icons, specs, and usage guidelines for its learning platform.

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

Power Home Remodeling's open source Playbook design system, with matching components for React, Ruby on Rails, and Swift plus Figma resources and theming.

Razorpay's open source Blade design system, documented in Storybook with tokens, theming, motion, accessible components, and an MCP server for AI-assisted building.

Red Hat's open source PatternFly design system for enterprise products, with HTML and React implementations, charts, design tokens, and extensive usage guidance.

REI Co-op's open source Cedar design system, with Vue 3 components, design tokens for web, iOS, and Android, and guidance for accessible, responsive experiences.

Sigma's Design System 3, a commercial Figma design system and UI kit with variables-based tokens, dark mode, liquid glass styling, and customizable documentation.

SumUp's open source Circuit UI, a React component library and design system for the web, documented in Storybook with tokens, icons, and forms.

Tailwind CSS, the utility-first CSS framework for building any design directly in markup, with a configurable theme that acts as a shared design token layer.

Thumbtack's Thumbprint design system, assets and guidelines for consistent experiences across web, iOS, and Android, including tokens, components, atomic CSS, and content design.

Paste, the open source design system created at Twilio, with accessible React components, tokens, icons, patterns, and page templates for consistent product experiences.

The U.S. federal government's design system for building accessible, mobile-friendly websites, with components, design tokens, patterns, and implementation guidance.

Visa's Product Design System for inclusive digital experiences, offering guidelines, design kits, and Nova libraries for React, Angular, Flutter, and CSS.

The Washington Post Design System, a growing library of design tokens and interactive components purpose-built for washingtonpost.com reader experiences.

Codex, the Wikimedia design system, with a style guide, design tokens, Vue 3 components, icons, and composables for building Wikipedia and MediaWiki interfaces.

Wanda, Wonderflow's open source design system for its digital products, with brand foundations, symbols, motion, themes, design tokens, and React components.

Workday's open source Canvas design system, reusable UI elements, tokens, icons, and guidelines delivered through the Canvas Kit React libraries.

Zendesk Garden, the design system where Zendesk grows the components, standards, and tools its product teams use daily, now on version 9.