Angular Components: Material Design UI library
Material Design components and utilities for Angular applications.
Learn more about components
Angular Components is a library of UI components and development tools built for Angular applications. It consists of multiple npm packages including @angular/material for Material Design components, @angular/cdk for component authoring utilities, and specialized packages for Google Maps and YouTube Player integration. The library emphasizes accessibility, internationalization, and testability across components. Components are designed to work across recent versions of major browsers and support multiple screen readers on different platforms.
Component Development Kit
The CDK provides low-level primitives for building custom components without Material Design styling. Includes behavior patterns for accessibility, overlays, and interactions that work independently from any UI framework.
Cross-Platform Accessibility
Built-in screen reader support tested across Windows, macOS, iOS, Android, and Chrome OS with multiple assistive technologies. Targets WCAG compliance with internationalization features included in all components.
Modular Package Architecture
Each UI component is published as an independent package that can be installed separately. Import only the components needed, reducing bundle size and enabling gradual adoption without committing to the entire library.
import { Component } from '@angular/core';
import { GoogleMap } from '@angular/google-maps';
@Component({
selector: 'app-map',
template: '<google-map height="400px" width="100%" [center]="center" [zoom]="zoom"></google-map>',
standalone: true,
imports: [GoogleMap]
})
export class MapComponent {
center = { lat: 37.7749, lng: -122.4194 };
zoom = 12;
}Release notes do not specify breaking changes or new requirements; this RC includes bug fixes for ARIA combobox, grid, menu, and tree components.
- –Test combobox readonly behavior, highlighting, and grid RTL navigation fixes if you rely on these ARIA patterns.
- –Verify menu lazy rendering and public API cleanup do not affect your existing menu trigger or deferred content usage.
Release notes do not specify breaking changes, new requirements, or notable features for this patch version.
- –Review the official changelog or commit history directly, as no release notes were published.
- –Assume routine maintenance fixes; test thoroughly before upgrading production Angular Material installations.
Release candidate with CDK overlay API simplifications and Material dialog/menu fixes; no breaking changes or requirements specified.
- –Update CDK overlay directive usage if relying on previous API surface; public API has been simplified.
- –Verify dialog `afterOpened` timing if animations are disabled, as emission order was corrected.
See how people are using components
Related Repositories
Discover similar tools and frameworks used by developers
material-ui
Production-ready React components with comprehensive theming system.
yup
JavaScript schema validation with chainable API and type inference.
JetBrainsMono
Monospaced typeface optimized for coding with ligatures.
react-beautiful-dnd
Accessible React library for list drag-and-drop interactions.
chenyuluoyan_thin
A refined thin-weight Chinese font family designed for modern digital interfaces, offering graceful readability and aesthetic appeal for web and application typography.