by vmware

vmware / clarity

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional expe...

6.1K Stars 669 Forks Last release: 12 days ago (v4.0.4) Other 1.7K Commits 330 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


Clarity Design System

Build Status

Build Status

npm version

Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, Angular components, and Web Components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.

Getting Started

Clarity is published as four npm packages:

  • @clr/icons Contains the custom element icons.
  • @clr/ui Contains the static styles for building HTML components.
  • @clr/angular Contains the Angular components. This package depends on @clr/ui for styles.
  • @clr/core. Contains the Web Components that work in any JavaScript framework.

Installing Clarity


For documentation on the Clarity Design System, including a list of components and example usage, see our website.


The Clarity project team welcomes contributions from the community. For more detailed information, see


  • The Clarity Design System is licensed under the MIT license.
  • The font is licensed under the Open Font License (OFL).


If you find a bug or want to request a new feature, please open a GitHub issue.

Include a link to the reproduction scenario you created by forking one of the Clarity Stackblitz Templates for the version you are using at Clarity StackBlitz templates.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.