Clarity Design System

6426

747

Jeremy Wilken

Added on December 21, 2024

Clarity is a scalable, customizable, open source design system that works with Angular. It provides high quality UI components to build your own applications with ease.

Clarity Design System

Clarity is a scalable, customizable, open source design system that works with Angular. It provides high quality UI components to build your own applications with ease.

Jeremy Wilken

README.md

NOTE: The Clarity Design System has moved and is now split into two repositories, one for Clarity Angular and one for Clarity Core. This repository is now for archived purposes only.

Clarity

Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components. This repository includes everything you need to build, customize, test, and deploy Clarity. For complete documentation, visit the Clarity website.

If you are looking for Clarity Angular, our previous implementation of Clarity built in Angular, please see the angular branch for the latest version there.

Getting Started

Clarity is published as five npm packages:

  • Contains the Web Components that work in any JavaScript framework.
  • Contains shims for core usage in Angular environment
  • Contains shims for core usage in React environment
  • Our open source sans-serif typeface.

Installing Clarity

Visit our documentation at https://clarity.design/get-started/

Documentation

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

Contributing

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

Licenses

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

Feedback

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.

Support

For our support policies please visit https://clarity.design/get-started/support/

For questions, ideas, or just reaching out to the team feel free to open a discussion in our GitHub Disscussion section.

Related Content

Taiga UI

Taiga UI is an Angular components library and a comprehensive UI kit spanning over 100 components and many helpful directives and utils.
GitHubUpdated today

ng-zorro-antd

An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license.
GitHubUpdated yesterday

100-days-of-angular

100-days-of-angular
GitHubUpdated 16 months ago

angular-performance-checklist

angular-performance-checklist
GitHubUpdated 19 months ago

xLayers

xLayers is an online app that allows designers and developers to collaborate and generate code from a UI design
GitHubUpdated 24 months ago

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.