A scalable, accessible, customizable, open-source design system built with web components that works with any JavaScript framework.
Clarity Core is an open-source design system that provides UX guidelines, design resources, and a library of Web Components for building user interfaces. It solves the problem of maintaining design consistency and accessibility across large-scale, enterprise applications while being framework-agnostic.
Enterprise development teams and designers who need a scalable, accessible design system that works across multiple JavaScript frameworks like Angular and React.
Developers choose Clarity for its robust Web Components foundation, strong accessibility focus, and seamless integration with popular frameworks, reducing the overhead of building and maintaining custom UI libraries.
Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Built with Web Components that work with any JavaScript framework, supported by dedicated shims for Angular and React as listed in the npm packages.
Components are developed with inclusivity in mind, meeting accessibility standards out of the box, which is emphasized in the UX guidelines.
Designed for large-scale business applications with customizable components and comprehensive resources, ensuring consistency across complex projects.
Includes UX guidelines, design assets, and an open-source typeface (Clarity City), providing a complete foundation for building user interfaces.
The README explicitly states that Clarity Core is no longer supported, meaning no updates, bug fixes, or security patches, which poses risks for production use.
While shims exist for Angular and React, setup may require additional configuration, and support for other frameworks is limited or non-existent.
Web Components can increase JavaScript bundle size, potentially impacting load times for performance-sensitive applications.