Index
- AcornMozilla
Mozilla's system for Firefox, documenting the browser's actual shipped design across desktop, iOS, and Android for the global community that builds Firefox.
- Company
- Mozilla
- Sector
- Communications & social
- Documents
- Content & UX writing, Accessibility, Governance & contribution
- Platforms
- Web, Mobile
- Open source
- Yes
- Ant DesignAnt Group
Ant Group's open-source React system for enterprise back-office software. Dense forms and tables are its home ground, and teams retheme it through design tokens without forking.
- Company
- Ant Group
- Sector
- Finance & fintech
- Documents
- Theming & multi-brand, Internationalization, Content & UX writing
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- AstryxMeta
Meta's open-source React system, matured for eight years inside the company across more than 13,000 apps and released publicly in 2026. Built on StyleX, it ships 180+ components, seven themes, a CLI and an MCP server for AI agents.
- Company
- Meta
- Sector
- Communications & social
- Documents
- Design-to-code workflow, Theming & multi-brand, Accessibility
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- Atlassian Design System (Atlaskit)Atlassian
Atlassian's system, with Atlaskit as the React library. Built to unify products that grew separately into one connected experience.
- Company
- Atlassian
- Sector
- Business software
- Documents
- Accessibility, Design-to-code workflow
- Built with
- React
- Platforms
- Web
- BackpackSkyscanner
Skyscanner's open-source system, Backpack, built across web and native for travel-search interfaces used worldwide.
- Company
- Skyscanner
- Sector
- Travel & transport
- Documents
- Internationalization, Accessibility
- Built with
- React, React Native
- Platforms
- Web, iOS, Android
- Open source
- Yes
- Base (Base Web)Uber
Uber's React system, built for configurability and theming across a sprawling set of internal and external products.
- Company
- Uber
- Sector
- Travel & transport
- Documents
- Theming & multi-brand
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- BBC GELBBC
The BBC's design language for web, apps, connected TV and voice. Its how-to guides go past components into designing for children and writing error messages that help.
- Company
- BBC
- Sector
- Media & entertainment
- Documents
- Accessibility, Content & UX writing, Motion
- Built with
- CSS / Sass
- Platforms
- Web, Mobile
- Open source
- Yes
- Brainly Style GuideBrainly
Design system maintained by Brainly with UI components and design tokens
- Company
- Brainly
- Sector
- Education
- Documents
- Governance & contribution
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- CampActiveCampaign
Design system with design assets, tokens, and code components for ActiveCampaign products
- Company
- ActiveCampaign
- Sector
- Business software
- Documents
- Theming & multi-brand, Governance & contribution
- Built with
- React
- Platforms
- Web
- CarbonIBM
IBM's open-source system for data-dense enterprise software. Known for broad framework support and rigorous, information-heavy patterns.
- Company
- IBM
- Sector
- Developer & IT tools
- Documents
- Data visualization, Theming & multi-brand, Accessibility
- Built with
- React, Angular, Vue, Svelte, Web Components
- Platforms
- Web
- Open source
- Yes
- CDS (Coinbase Design System)Coinbase
Coinbase's open-source system, CDS, built for web and mobile crypto products, with theming, accessibility validation, and an MCP server so AI agents can build with it too.
- Company
- Coinbase
- Sector
- Finance & fintech
- Documents
- Accessibility, Theming & multi-brand
- Built with
- React, React Native
- Platforms
- Web, iOS, Android
- Open source
- Yes
- CedarREI
REI's open-source system, Cedar, built from REI's visual language and experience principles, with web, iOS, and Android tokens and Angular components.
- Company
- REI
- Sector
- Retail & e-commerce
- Documents
- Accessibility
- Built with
- Angular, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- Circuit UISumUp
SumUp's open-source React system for payments and merchant software, shipped as a monorepo of components, tokens, icons and illustrations under Apache-2.0.
- Company
- SumUp
- Sector
- Finance & fintech
- Documents
- Accessibility, Theming & multi-brand, Design-to-code workflow
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- ClarityVMware
VMware's Angular and Web Components system, tuned for data-dense enterprise and infrastructure tooling.
- Company
- VMware
- Sector
- Developer & IT tools
- Documents
- Data visualization, Accessibility
- Built with
- Angular, Web Components
- Platforms
- Web
- Open source
- Yes
- ClickHouse Design SystemClickHouse
ClickHouse's design system, with design tokens and a component library (Click UI) for its analytics console.
- Company
- ClickHouse
- Sector
- Developer & IT tools
- Documents
- Design-to-code workflow, Theming & multi-brand
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- CloudscapeAmazon Web Services
AWS's open-source system for cloud consoles. Built for scale and density: hundreds of service teams held to one learnable interface.
- Company
- Amazon Web Services
- Sector
- Developer & IT tools
- Documents
- Data visualization, Accessibility
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- Dell Design SystemDell
Dell's internal system, now on its third major version, built token-first and pitched as AI-compatible so both humans and agents can read the primitives the same way.
- Company
- Dell
- Sector
- Developer & IT tools
- Documents
- Theming & multi-brand, Accessibility, Data visualization
- Platforms
- Web
- EUI (Elastic UI)Elastic
Elastic's React system behind Kibana and the company's other products. Built for search and observability screens, with its own guidance on writing in-product copy.
- Company
- Elastic
- Sector
- Developer & IT tools
- Documents
- Content & UX writing, Data visualization, Accessibility
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- EvoeBay
eBay's brand and design system, documented in the heavily-automated eBay Playbook where design, brand, engineering, and accessibility live in one place, published straight from Figma.
- Company
- eBay
- Sector
- Retail & e-commerce
- Documents
- Accessibility, Governance & contribution, Design-to-code workflow
- Built with
- CSS / Sass
- Platforms
- Web
- Open source
- Yes
- Fluent 2Microsoft
Microsoft's design language for Windows and Microsoft 365. It spans web, iOS, Android and Windows, so the same button has to make sense in Outlook on a phone and Word on a desktop.
- Company
- Microsoft
- Sector
- Business software
- Documents
- Content & UX writing, Accessibility, Theming & multi-brand
- Built with
- React, Web Components
- Platforms
- Web, iOS, Android
- Open source
- Yes
- GeistVercel
Vercel's system, Geist, built for high-contrast, developer-facing interfaces, with its own Geist Sans and Geist Mono typefaces and React components, and docs published as Markdown for AI agents.
- Company
- Vercel
- Sector
- Developer & IT tools
- Documents
- Design-to-code workflow, Theming & multi-brand
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- GELWestpac
Westpac Group's Global Experience Language, a React and Tailwind system themed across four Australian banking brands (Westpac, St.George, Bank of Melbourne and BankSA) through a shared token layer.
- Company
- Westpac
- Sector
- Finance & fintech
- Documents
- Theming & multi-brand, Accessibility, Design-to-code workflow
- Built with
- React, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- GestaltPinterest
Pinterest's system, tuned for a visual, image-first product and tight React integration.
- Company
- Sector
- Communications & social
- Documents
- Accessibility
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- GOV.UK Design SystemGov UK
The system behind GOV.UK. Plain, robust, and accessibility-first, built for the whole population, often mid-stress.
- Company
- Gov UK
- Sector
- Government & public sector
- Documents
- Accessibility, Content & UX writing, Governance & contribution
- Built with
- CSS / Sass
- Platforms
- Web
- Open source
- Yes
- Human Interface GuidelinesApple
Apple's guidance for designing apps across its platforms, from iPhone to Vision Pro. Guidelines and design kits rather than a component library, since the components themselves ship in SwiftUI and UIKit.
- Company
- Apple
- Sector
- Developer & IT tools
- Documents
- Accessibility, Internationalization, Data visualization
- Platforms
- iOS
- KumoCloudflare
Design system for Cloudflare with design tokens, UI components, and a component library
- Company
- Cloudflare
- Sector
- Developer & IT tools
- Documents
- Accessibility, Design-to-code workflow, Theming & multi-brand
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- Lightning Design System (SLDS)Salesforce
Salesforce's system for building on the Salesforce platform, now in its second major version. SLDS 2 moves styling onto CSS custom properties, so admins can rebrand an org and switch on dark mode without touching code.
- Company
- Salesforce
- Sector
- Business software
- Documents
- Theming & multi-brand, Accessibility, Design-to-code workflow
- Built with
- Web Components, CSS / Sass
- Platforms
- Web
- Material DesignGoogle
Google's cross-platform language and the default many teams reach for. Broad, well-documented, and heavily themeable.
- Company
- Sector
- Communications & social
- Documents
- Theming & multi-brand, Motion, Accessibility
- Built with
- Web Components
- Platforms
- Web, Android, iOS
- Open source
- Yes
- Material UIMUI
An open-source implementation of Material Design. Its users are developers, so the design problem is as much API and theming as visuals.
- Company
- MUI
- Sector
- Developer & IT tools
- Documents
- Theming & multi-brand, Design-to-code workflow
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- NordNordhealth
Nordhealth's system, Nord, built in web components with a strong accessibility focus for clinical software used under pressure.
- Company
- Nordhealth
- Sector
- Healthcare
- Documents
- Accessibility
- Built with
- Web Components, Vue
- Platforms
- Web
- NSW Design SystemNSW Government
New South Wales' system for state digital services, built for accessible, consistent public-facing interfaces.
- Company
- NSW Government
- Sector
- Government & public sector
- Documents
- Accessibility
- Built with
- CSS / Sass
- Platforms
- Web
- Open source
- Yes
- PajamasGitLab
GitLab's open-source system, built in Vue and developed transparently with the wider community, spanning its broad DevOps product.
- Company
- GitLab
- Sector
- Developer & IT tools
- Documents
- Accessibility
- Built with
- Vue, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- PatternFlyRed Hat
Red Hat's open-source system for enterprise and infrastructure products. Built for dense, data-heavy operational interfaces.
- Company
- Red Hat
- Sector
- Developer & IT tools
- Documents
- Data visualization, Accessibility
- Built with
- React, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- Pluralsight Design SystemPluralsight
Pluralsight's system, built for a cohesive design language and shared vocabulary across its learning products.
- Company
- Pluralsight
- Sector
- Education
- Documents
- Theming & multi-brand, Governance & contribution
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- PolarisShopify
Shopify's system for apps that run inside Shopify, from the admin through to checkout. Now built as web components, so one set of parts works across every surface a merchant sees.
- Company
- Shopify
- Sector
- Retail & e-commerce
- Documents
- Content & UX writing, Accessibility, Theming & multi-brand
- Built with
- Web Components
- Platforms
- Web, iOS, Android
- Porsche Design SystemPorsche
Porsche's system, built in web components, carrying the brand's precise, premium feel into consistent, high-quality web applications.
- Company
- Porsche
- Sector
- Automotive
- Documents
- Theming & multi-brand, Accessibility
- Built with
- Web Components
- Platforms
- Web
- Open source
- Yes
- PrimerGitHub
GitHub's system, with visible engineering roots. Tokens and components map closely to how the product is built, and the docs assume you can read code.
- Company
- GitHub
- Sector
- Developer & IT tools
- Documents
- Accessibility, Design-to-code workflow
- Built with
- React, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- RivetIndiana University
Indiana University's open-source system, built so hundreds of separately-run university sites can share one accessible, recognizable foundation.
- Company
- Indiana University
- Sector
- Education
- Documents
- Accessibility
- Built with
- CSS / Sass
- Platforms
- Web
- Open source
- Yes
- Sainsbury's Design SystemSainsbury's
Sainsbury's in-house system, covering five brands (Sainsbury's, Argos, Nectar, Habitat and Tu) with one headless component layer themed per brand through tokens.
- Company
- Sainsbury's
- Sector
- Retail & e-commerce
- Documents
- Theming & multi-brand, Accessibility
- Built with
- React, CSS / Sass, Web Components
- Platforms
- Web
- Open source
- Yes
- Sana CanvasWorkday
Workday's system for its HR and finance software, now rebuilt around the Sana visual language. Its writing guidance goes as far as how to format fiscal years and phone numbers.
- Company
- Workday
- Sector
- Business software
- Documents
- Theming & multi-brand, Accessibility, Content & UX writing
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- SeedsSprout Social
Sprout Social's system, Seeds, built for the multi-channel social-media management tools its marketers work in all day.
- Company
- Sprout Social
- Sector
- Business software
- Documents
- Theming & multi-brand, Data visualization
- Built with
- React
- Platforms
- Web
- shadcn/uishadcn
A collection of accessible React components you copy into your project rather than install as a dependency, built on Base UI or Radix primitives and styled with Tailwind CSS.
- Company
- shadcn
- Sector
- Developer & IT tools
- Documents
- Design-to-code workflow, Theming & multi-brand, Accessibility
- Built with
- React, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- SpectrumAdobe
Adobe's system for its creative tools. Built for expert, information-dense interfaces and for consistency across a large, varied app portfolio.
- Company
- Adobe
- Sector
- Design & creative tools
- Documents
- Accessibility, Internationalization, Theming & multi-brand
- Built with
- React, Web Components
- Platforms
- Mobile, Web
- Open source
- Yes
- The Agriculture Design System (AgDS)The Department of Agriculture, Fisheries and Forestry
The Agriculture Design System (AgDS), a ground-up React and TypeScript rebuild of Australia's former GOLD design system, built primarily for the department's Export Service. It's open source and notably accessibility-first, independently audited to WCAG 2.1 AA and cited by the auditors as an exemplary accessible React system.
- Company
- The Department of Agriculture, Fisheries and Forestry
- Sector
- Government & public sector
- Documents
- Accessibility
- Built with
- React, CSS / Sass
- Platforms
- Web
- Open source
- Yes
- ThumbprintThumbtack
Thumbtack's open-source system, Thumbprint, spanning web, iOS, and Android for its two-sided marketplace.
- Company
- Thumbtack
- Sector
- Business software
- Documents
- Accessibility
- Built with
- React, React Native, CSS / Sass
- Platforms
- Web, iOS, Android
- Open source
- Yes
- U.S. Web Design System (USWDS)U.S. General Services Administration
The shared system for US federal government websites, run by GSA. Agencies build on the same accessible components and keep their own look through design tokens.
- Company
- U.S. General Services Administration
- Sector
- Government & public sector
- Documents
- Accessibility, Governance & contribution, Theming & multi-brand
- Built with
- CSS / Sass
- Platforms
- Web
- Open source
- Yes
- UniformHudl
Hudl's system, built so one experience stays consistent across many sports, versions, and screens.
- Company
- Hudl
- Sector
- Media & entertainment
- Documents
- Governance & contribution
- Built with
- React
- Platforms
- Web
- Vibemonday.com
monday.com's open-source React system, Vibe, built around its colorful, approachable, highly-configurable product.
- Company
- monday.com
- Sector
- Business software
- Documents
- Accessibility, Design-to-code workflow
- Built with
- React
- Platforms
- Web
- Open source
- Yes
- Visa Product Design System (VPDS)Visa
The Visa Product Design System, built for accessible, scalable financial experiences across many frameworks and regions, with strong internationalization support.
- Company
- Visa
- Sector
- Finance & fintech
- Documents
- Internationalization
- Built with
- React, Angular, CSS / Sass
- Platforms
- Web
- Wix Design SystemWix
Wix's system, built as a React component library so both Wix's own teams and third-party app developers can build in a consistent Wix style.
- Company
- Wix
- Sector
- Developer & IT tools
- Documents
- Design-to-code workflow, Governance & contribution
- Built with
- React
- Platforms
- Web