[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10820":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":15,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":15,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":21,"defaultBranch":22,"hasWiki":20,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":40,"readmeContent":41,"aiSummary":42,"trendingCount":16,"starSnapshotCount":16,"syncStatus":43,"lastSyncTime":44,"discoverSource":45},10820,"clarity","vmware-archive\u002Fclarity","vmware-archive","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.","http:\u002F\u002Fclarity.design",null,"TypeScript",6403,729,6406,1,0,5,39.59,"MIT License",true,false,"next",[24,25,26,27,28,5,29,30,31,32,33,34,35,36,37,38,39],"accessibility","accessible-components","accessible-design","angular","angular-components","component-library","components","css","design-system","lit-elements","typescript","ui","ux","web","web-components","web-components-library","2026-06-12 02:02:27","NOTE: The Clarity Design System has moved and is now split into two repositories, one for [Clarity Angular](https:\u002F\u002Fgithub.com\u002Fvmware-clarity\u002Fng-clarity) and one for [Clarity Core](https:\u002F\u002Fgithub.com\u002Fvmware-clarity\u002Fcore). This repository is now for archived purposes only.\n\n![Clarity](logo.png)\n\n# Clarity Design System\n\n![Build](https:\u002F\u002Fgithub.com\u002Fvmware\u002Fclarity\u002Fworkflows\u002FBuild\u002Fbadge.svg)\n\nClarity is an open source design system that brings together UX\nguidelines, design resources, and coding implementations with Web Components. This\nrepository includes everything you need to build, customize, test, and deploy\nClarity. For complete documentation, visit the [Clarity website](https:\u002F\u002Fclarity.design).\n\nIf you are looking for Clarity Angular, our previous implementation of Clarity built\nin Angular, please see the [`angular` branch](https:\u002F\u002Fgithub.com\u002Fvmware\u002Fclarity\u002Ftree\u002Fangular\u002F) for the latest version there.\n\n## Getting Started\n\nClarity is published as five npm packages:\n\n- [![npm version core](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@cds\u002Fcore\u002Flatest?label=%40cds%2Fcore&style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@cds\u002Fcore) Contains the Web\n  Components that work in any JavaScript framework.\n- [![npm version cds angular](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@cds\u002Fangular\u002Flatest?label=%40cds%2Fangular&style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@cds\u002Fangular) Contains shims for core usage in Angular environment\n- [![npm version cds react](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@cds\u002Fangular\u002Flatest?label=%40cds%2Freact&style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@cds\u002Freact) Contains shims for core usage in React environment\n- [![npm version clarity city](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@cds\u002Fcity\u002Flatest?label=%40cds%2Fcity&style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@cds\u002Fcity) Our open source sans-serif typeface.\n\n## Installing Clarity\n\nVisit our documentation at https:\u002F\u002Fclarity.design\u002Fget-started\u002F\n\n## Documentation\n\nFor documentation on the Clarity Design System, including a list of components\nand example usage, see [our website](https:\u002F\u002Fclarity.design).\n\n## Contributing\n\nThe Clarity project team welcomes contributions from the community. For more\ndetailed information, see [our contribution guidances](.\u002Fdocs\u002FCONTRIBUTING.md).\n\n## Licenses\n\n- The Clarity Design System is licensed under the [MIT license](.\u002FLICENSE).\n\n## Feedback\n\nIf you find a bug or want to request a new feature, please open a [GitHub issue](https:\u002F\u002Fgithub.com\u002Fvmware\u002Fclarity\u002Fissues).\n\nInclude a link to the reproduction scenario you created by forking one of the\nClarity Stackblitz Templates for the version you are using at\n[Clarity StackBlitz templates](https:\u002F\u002Fstackblitz.com\u002F@clr-team\u002F).\n\n## Support\n\nFor our support policies please visit https:\u002F\u002Fclarity.design\u002Fget-started\u002Fsupport\u002F\n\nFor questions, ideas, or just reaching out to the team feel free to open a discussion in our [GitHub Disscussion section](https:\u002F\u002Fgithub.com\u002Fvmware\u002Fclarity\u002Fdiscussions).\n","Clarity是一个开源设计系统，旨在通过Web组件提供可扩展、可访问和可定制的UI解决方案。它支持任何JavaScript框架，并且特别为满足企业级需求而设计，强调包容性设计。Clarity的核心功能包括一套完整的UX指南、设计资源以及基于Web组件的编码实现，这些组件可以在Angular、React等环境中无缝使用。该项目非常适合那些需要构建一致、易用且美观的企业级Web应用的场景，同时也为开发者提供了丰富的文档和支持，便于快速上手和深度定制。",2,"2026-06-11 03:30:21","top_topic"]