# vmware-archive/clarity

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to  be inclusive.

Repository: https://github.com/vmware-archive/clarity
Canonical: https://ross.abutalabs.com/products/clarity
Homepage: http://clarity.design
Language: TypeScript
License: MIT
License Family: permissive
Topics: ux, ui, angular, css, typescript, component-library, design-system, clarity, lit-elements, angular-components, web, web-components, web-components-library, components, accessibility, accessible-components, accessible-design
Archived: true
Last push: 2023-03-16T01:37:07+00:00

## Health v2 (maintenance only)
Score: 10/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3625, "days_push": 1267, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: archived
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6392, forks 729 (observed 2026-08-28T04:09:43.034161+00:00)

## What it is
Clarity is an open source design system by VMware providing UX guidelines, design resources, and accessible UI components built with web components that work with any JavaScript framework. This original repository is archived; the project has moved to separate Clarity Core and Clarity Angular repositories.

## Use cases
- build accessible enterprise web UIs with web components
- use a design system across Angular and React apps
- find prebuilt accessible UI components
- apply consistent UX guidelines and theming to a web app
- use an open source sans-serif typeface (Clarity City)

## When to choose
- you want framework-agnostic web component UI components with strong accessibility
- you are building enterprise applications needing a cohesive design system
- you want an MIT-licensed alternative to proprietary design systems

## When to avoid
- you need active maintenance or new features - this repo is archived
- you want the latest Clarity releases - use vmware-clarity/core or vmware-clarity/ng-clarity instead
- you need a design system tightly coupled to a specific framework other than via web components

## Facets
- artifact type: library
- maturity: abandoned
- function: ui-components, css-framework, accessibility
- domain: web-development, frontend, web-design
- platform: browser
- tags: design-system, web-components, component-library, enterprise-ux, archived, angular, lit, web, nodejs, typescript

## Member repositories
- vmware-archive/clarity (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:43.034161+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:45:03.031725+00:00, confidence not recorded.
  - readme: https://github.com/vmware-archive/clarity (fetched 2026-08-28T04:09:43.034161+00:00, sha b90f566341d7)
  - homepage: http://clarity.design (fetched 2026-08-29T08:42:15.453169+00:00, sha 9122ad90dc44)
- Data as of 2026-08-30T08:39:29.467469+00:00.