https://github.com/vmware-clarity/ng-clarity

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
https://github.com/vmware-clarity/ng-clarity

a11y angular design-system ui-components

Last synced: 10 days ago
JSON representation

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

• Host: GitHub
• URL: https://github.com/vmware-clarity/ng-clarity
• Owner: vmware-clarity
• License: other
• Created: 2022-03-16T16:02:16.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2025-05-08T11:51:56.000Z (16 days ago)
• Last Synced: 2025-05-08T12:24:35.001Z (16 days ago)
• Topics: a11y, angular, design-system, ui-components
• Language: TypeScript
• Homepage: https://clarity.design
• Size: 514 MB
• Stars: 375
• Watchers: 19
• Forks: 81
• Open Issues: 88
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: docs/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: docs/CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-angular - ng-clarity - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular. (Table of contents / Third Party Components)
• fucking-awesome-angular - ng-clarity - Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular. (Table of contents / Third Party Components)

README

        
![Clarity Angular](logo.png)

# Clarity Angular

## Getting Started

Clarity Angular is published as two npm packages:

- [![npm version ui](https://img.shields.io/npm/v/@clr/ui/latest?label=%40clr%2Fui&style=flat-square)](https://www.npmjs.com/package/@clr/ui) Contains the static

  styles for building HTML components.

- [![npm version clr angular](https://img.shields.io/npm/v/@clr/angular/latest?label=%40clr%2Fangular&style=flat-square)](https://www.npmjs.com/package/@clr/angular) Contains the

  Angular components. This package depends on `@clr/ui` for styles.

## Installing Clarity

- **[Install CSS Only](/docs/INSTALLATION.md#installing-clarity-ui-)**

- **[Install Angular Components](/docs/INSTALLATION.md#installing-clarity-angular-)**

## Documentation

For documentation on the Clarity Angular, including a list of components

and example usage, see [our website](https://angular.clarity.design).

## Contributing

The Clarity project team welcomes contributions from the community. For more

detailed information, see [CONTRIBUTING.md](docs/CONTRIBUTING.md).

## Licenses

- The Clarity Design System is licensed under the MIT license.

- The font is licensed under the Open Font License (OFL).

- This project is tested with [BrowserStack](https://www.browserstack.com).

## Feedback

If you find a bug or want to request a new feature, please open a [GitHub issue](https://github.com/vmware-clarity/ng-clarity/issues).

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](https://stackblitz.com/@clr-team/).