[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3651":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":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},3651,"components","angular\u002Fcomponents","angular","Component infrastructure and Material Design components for Angular","https:\u002F\u002Fmaterial.angular.dev",null,"TypeScript",25027,6846,861,1184,0,1,12,45,"MIT License",false,"main",true,[7,25,26,27],"angular-components","material","material-design","2026-06-12 02:00:52","# Official components for Angular\n[![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F%40angular%2Fcdk.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@angular\u002Fcdk)\n[![Build status](https:\u002F\u002Fcircleci.com\u002Fgh\u002Fangular\u002Fcomponents.svg?style=svg)](https:\u002F\u002Fcircleci.com\u002Fgh\u002Fangular\u002Fcomponents)\n[![Gitter](https:\u002F\u002Fbadges.gitter.im\u002Fangular\u002Fcomponents.svg)](https:\u002F\u002Fgitter.im\u002Fangular\u002Fmaterial2?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)\n\nThe Angular team builds and maintains both common UI components and tools to help you build your\nown custom components. The team maintains several npm packages.\n\n| Package                   | Description                                                                           | Docs              |\n| ------------------------- | ------------------------------------------------------------------------------------- | ----------------- |\n| `@angular\u002Faria`           | Collection of headless, accessible directives that implement common WAI-ARIA patterns | [Docs][aria-docs] |\n| `@angular\u002Fcdk`            | Library that helps you author custom UI components with common interaction patterns   | [Docs][cdk-docs]  |\n| `@angular\u002Fmaterial`       | [Material Design][] UI components for Angular applications                            | [Docs][mat-docs]  |\n| `@angular\u002Fgoogle-maps`    | Angular components built on top of the [Google Maps JavaScript API][]                 | [Docs][map-docs]  |\n| `@angular\u002Fyoutube-player` | Angular component built on top of the [YouTube Player API][]                          | [Docs][ytp-docs]  |\n\n\n#### Quick links\n[Documentation, demos, and guides][mat-docs] |\n[Frequently Asked Questions](FAQ.md) |\n[Community Google group](https:\u002F\u002Fgroups.google.com\u002Fforum\u002F#!forum\u002Fangular-material2) |\n[Contributing](https:\u002F\u002Fgithub.com\u002Fangular\u002Fcomponents\u002Fblob\u002Fmain\u002FCONTRIBUTING.md) |\n[StackBlitz Template](https:\u002F\u002Fstackblitz.com\u002Ffork\u002Fcomponents-issue)\n\n## Getting started\n\nSee our [Getting Started Guide][getting-started] if you're building your first project with Angular\nMaterial.\n\n\n## Contributing\n\nIf you'd like to contribute, please follow our [contributing guidelines][contributing]. Please see\nour [`help wanted`][help-wanted] label for a list of issues with good opportunities for\ncontribution. You can also use the [`good first issue`][good-first-issue] label to find issues\nif you are just starting to contribute to the project.\n\n## About the team\nThe Angular Components team is part of the Angular team at Google. The team includes both Google\nemployees and community contributors from around the globe.\n\nOur team has two primary goals:\n* Build high-quality UI components that developers can drop into existing applications\n* Provide tools that help developers build their own custom components with common interaction\npatterns\n\n\nWhat do we mean by \"high-quality\" components?\n* Internationalized and accessible so that all users can use them.\n* Straightforward APIs that don't confuse developers.\n* Behave as expected across a wide variety of use-cases without bugs.\n* Behavior is well-tested with both unit and integration tests.\n* Customizable within the bounds of the Material Design specification.\n* Performance cost is minimized.\n* Code is clean and well-documented to serve as an example for Angular developers.\n\n## Support policy\nAngular Material and the CDK follow the same support and release policy as the Angular framework.\nFor details on supported versions and update practices, see the\n[Angular support policy and schedule](https:\u002F\u002Fangular.dev\u002Freference\u002Freleases).\n\n## Browser and screen reader support\nThe Angular Components team supports the most recent two versions of all major browsers:\nChrome (including Android), Firefox, Safari (including iOS), and  Edge.\n\nWe aim for great user experience with the following screen readers:\n* **Windows**: NVDA and JAWS with FF \u002F Chrome.\n* **macOS**: VoiceOver with Safari \u002F Chrome.\n* **iOS**: VoiceOver with Safari\n* **Android**: Android Accessibility Suite (formerly TalkBack) with Chrome.\n* **Chrome OS**: ChromeVox with Chrome.\n\n\n[Material Design]: https:\u002F\u002Fmaterial.io\n[Google Maps JavaScript API]: https:\u002F\u002Fdevelopers.google.com\u002Fmaps\u002Fdocumentation\u002Fjavascript\u002Ftutorial\n[YouTube Player API]: https:\u002F\u002Fdevelopers.google.com\u002Fyoutube\u002Fiframe_api_reference\n[aria-docs]: https:\u002F\u002Fangular.dev\u002Fguide\u002Faria\u002Foverview\n[cdk-docs]: https:\u002F\u002Fmaterial.angular.dev\u002Fcdk\u002Fcategories\n[mat-docs]: https:\u002F\u002Fmaterial.angular.dev\n[map-docs]: https:\u002F\u002Fgithub.com\u002Fangular\u002Fcomponents\u002Fblob\u002Fmain\u002Fsrc\u002Fgoogle-maps\u002FREADME.md\n[ytp-docs]: https:\u002F\u002Fgithub.com\u002Fangular\u002Fcomponents\u002Fblob\u002Fmain\u002Fsrc\u002Fyoutube-player\u002FREADME.md\n[getting-started]: https:\u002F\u002Fmaterial.angular.dev\u002Fguide\u002Fgetting-started\n[contributing]: https:\u002F\u002Fgithub.com\u002Fangular\u002Fcomponents\u002Fblob\u002Fmain\u002FCONTRIBUTING.md\n[help-wanted]: https:\u002F\u002Fgithub.com\u002Fangular\u002Fcomponents\u002Fissues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22\n[good-first-issue]: https:\u002F\u002Fgithub.com\u002Fangular\u002Fcomponents\u002Fissues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+label%3A%22good+first+issue%22\n","angular\u002Fcomponents 是由 Angular 团队维护的一套官方组件库，它提供了 Material Design 风格的 UI 组件以及构建自定义组件所需的工具。该项目使用 TypeScript 编写，包括了 `@angular\u002Faria`、`@angular\u002Fcdk` 和 `@angular\u002Fmaterial` 等核心包，旨在提供国际化和无障碍支持，并且拥有简洁易用的 API。适用于需要快速搭建美观且功能丰富的 Web 应用场景，特别是追求一致性和高效开发体验的 Angular 项目。",2,"2026-06-11 02:55:15","top_language"]