Clarity
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Daisyui | 21,091 |  | 88 | 20 hours ago | 277 | September 21, 2022 | 33 | mit | Svelte | |
| ⭐️ ⭐️ ⭐️ ⭐️ ⭐️ The most popular, free and open-source Tailwind CSS component library | ||||||||||
| Evergreen | 12,162 |  | 75 | 87 | 3 days ago | 246 | July 18, 2022 | 56 | mit | JavaScript |
| 🌲 Evergreen React UI Framework by Segment | ||||||||||
| Primitives | 9,925 |  | 133 | 2 days ago | 152 | September 21, 2022 | 196 | mit | TypeScript | |
| Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos. | ||||||||||
| React Spectrum | 8,833 |  | 260 | a day ago | 373 | September 24, 2022 | 518 | apache-2.0 | TypeScript | |
| A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. | ||||||||||
| Baseweb | 8,346 |  | 22 | 64 | a day ago | 914 | September 22, 2022 | 189 | mit | TypeScript |
| A React Component library implementing the Base design language | ||||||||||
| Fast | 8,338 |  | 31 | 3 days ago | 57 | September 01, 2022 | 360 | other | TypeScript | |
| The adaptive interface system for modern web experiences. | ||||||||||
| Clarity | 6,457 | | 244 | 50 | 3 months ago | 255 | September 06, 2022 | 2 | mit | TypeScript |
| 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. | ||||||||||
| React95 | 5,753 | a month ago | 39 | mit | TypeScript | |||||
| 🌈🕹 Windows 95 style UI component library for React | ||||||||||
| Polaris | 5,352 |  | 129 | 55 | 16 hours ago | 669 | September 23, 2022 | 604 | other | TypeScript |
| Shopify’s design system to help us work together to build a great experience for all of our merchants. | ||||||||||
| Next | 4,384 |  | 65 | 7,077 | 8 days ago | 450 | September 20, 2022 | 635 | mit | JavaScript |
| 🦍 A configurable component library for web built on React. | ||||||||||
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:
-
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.
