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.
Alternatives To Clarity
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Daisyui21,0918820 hours ago277September 21, 202233mitSvelte
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  The most popular, free and open-source Tailwind CSS component library
Evergreen12,16275873 days ago246July 18, 202256mitJavaScript
🌲 Evergreen React UI Framework by Segment
Primitives9,9251332 days ago152September 21, 2022196mitTypeScript
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
React Spectrum8,833260a day ago373September 24, 2022518apache-2.0TypeScript
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
Baseweb8,3462264a day ago914September 22, 2022189mitTypeScript
A React Component library implementing the Base design language
Fast8,338313 days ago57September 01, 2022360otherTypeScript
The adaptive interface system for modern web experiences.
Clarity6,457244503 months ago255September 06, 20222mitTypeScript
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.
a month ago39mitTypeScript
🌈🕹 Windows 95 style UI component library for React
Polaris5,3521295516 hours ago669September 23, 2022604otherTypeScript
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Next4,384657,0778 days ago450September 20, 2022635mitJavaScript
🦍 A configurable component library for web built on React.
Alternatives To Clarity
Select To Compare

Alternative Project Comparisons

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 Design System


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:

  • npm version core Contains the Web Components that work in any JavaScript framework.
  • npm version cds angular Contains shims for core usage in Angular environment
  • npm version cds react Contains shims for core usage in React environment
  • npm version clarity city Our open source sans-serif typeface.

Installing Clarity

Visit our documentation at


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 our contribution guidances.


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


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.


For our support policies please visit

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

Popular Component Library Projects
Popular Design System Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Design System
Component Library
Css Framework
Angular Components