components
Component infrastructure and Material Design components for Angular
The official Angular UI component library from Google, gives Angular developers ready-made buttons, forms, tables, and more styled with Material Design, saving you from building them yourself.
This repository is the official Angular Components library, maintained by the Angular team at Google. Angular is a TypeScript-based framework for building web applications, and this library gives Angular developers a ready-made set of UI building blocks so they don't have to build common interface elements from scratch.
The library ships several packages. The most prominent is @angular/material, which provides pre-built interface components — think buttons, forms, dialogs, menus, tables, and date pickers — all styled according to Material Design, Google's visual design system. There's also @angular/cdk (Component Dev Kit), a lower-level toolkit for building your own custom components with built-in support for drag-and-drop, overlays, accessibility, and other interaction patterns. Additional packages wrap Google Maps and YouTube embeds as Angular-native components. A newer @angular/aria package offers accessible, headless UI patterns (meaning behavior without visual styling, so you can apply your own look).
You'd use this when building an Angular web application and you want polished, accessible, tested interface components without designing them yourself. The components handle keyboard navigation, screen reader support, and browser compatibility across Chrome, Firefox, Safari, and Edge. It's particularly useful for internal tools, dashboards, and enterprise apps where consistency and accessibility matter more than a fully custom visual identity. Written in TypeScript.
Where it fits
- Build a polished admin dashboard or internal tool in Angular without designing every button and form from scratch.
- Add drag-and-drop, accessible dialogs, and overlay panels to an Angular app using the Component Dev Kit.
- Embed a Google Maps component or YouTube player directly into an Angular page with no extra setup.
- Build a custom UI component with built-in keyboard navigation and screen reader support using the CDK.