# angular/components

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/angular-components).**

25,033 stars · 6,847 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/angular/components
- Homepage: https://material.angular.dev
- awesome-repositories: https://awesome-repositories.com/repository/angular-components.md

## Topics

`angular` `angular-components` `material` `material-design`

## Description

This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces.

The library provides a specialized component suite for implementing Material Design visual and interaction specifications. It also includes dedicated integrations for embedding interactive Google Maps with geographic data overlays and integrating YouTube video players with support for deferred loading.

The project covers a broad range of UI development capabilities, including the creation of accessible interfaces compatible with screen readers and the transformation of physical addresses into geographic coordinates via geocoding services.

## Tags

### User Interface & Experience

- [Angular UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-libraries/angular-ui-libraries.md) — Provides a collection of pre-built UI libraries and resources specifically designed for the Angular framework.
- [Accessible UI Components](https://awesome-repositories.com/f/user-interface-experience/accessible-ui-components.md) — Ships interactive UI components built with accessibility standards like ARIA and keyboard support. ([source](https://material.angular.dev/))
- [Angular Accessibility Frameworks](https://awesome-repositories.com/f/user-interface-experience/angular-accessibility-frameworks.md) — Provides a specialized set of Angular components designed to meet web accessibility standards.
- [Material Design Components](https://awesome-repositories.com/f/user-interface-experience/component-rendering-engines/material-design-components.md) — Provides a comprehensive set of standardized UI widgets and layouts that implement the Material Design language. ([source](https://cdn.jsdelivr.net/gh/angular/components@main/README.md))
- [Web Accessibility Compliance](https://awesome-repositories.com/f/user-interface-experience/graphical-user-interfaces/accessibility/web-accessibility-compliance.md) — Implements design and development standards to ensure inclusive web experiences and screen reader compatibility.
- [Interface Accessibility](https://awesome-repositories.com/f/user-interface-experience/interface-accessibility.md) — Provides standardized elements and patterns to ensure user interfaces are compatible with screen readers. ([source](https://cdn.jsdelivr.net/gh/angular/components@main/README.md))
- [Component Composition](https://awesome-repositories.com/f/user-interface-experience/component-architectures/component-composition.md) — Employs a composition-based design by nesting atomic components within larger layout containers.

### Graphics & Multimedia

- [YouTube Video Embeddings](https://awesome-repositories.com/f/graphics-multimedia/video-downloaders/youtube-media-consumption/youtube-video-embeddings.md) — Integrates YouTube-hosted video players and playlists directly into web pages. ([source](https://github.com/angular/components/blob/main/src/youtube-player/README.md))
- [Video Embeddings](https://awesome-repositories.com/f/graphics-multimedia/video-embeddings.md) — Provides tools for integrating external YouTube video content into web applications.

### Software Engineering & Architecture

- [Abstraction Layers](https://awesome-repositories.com/f/software-engineering-architecture/abstraction-layers.md) — Provides a headless abstraction layer that decouples behavioral and accessibility logic from visual styling.
- [Headless Component Logic](https://awesome-repositories.com/f/software-engineering-architecture/logic-and-presentation-separation/headless-component-logic.md) — Uses headless component logic via custom directives to attach reusable behavior without modifying core classes.
- [Singleton Service Stores](https://awesome-repositories.com/f/software-engineering-architecture/state-management-architectures/singleton-service-stores.md) — Implements state management using injectable singleton services to share data across decoupled UI components.

### Web Development

- [Map Data Overlays](https://awesome-repositories.com/f/web-development/data-mapping/map-data-overlays.md) — Renders custom data layers, including markers and shapes, on top of third-party map interfaces. ([source](https://github.com/angular/components/blob/main/src/google-maps/README.md))
- [Google Maps Web Integrations](https://awesome-repositories.com/f/web-development/google-maps-web-integrations.md) — Offers libraries for embedding and managing interactive Google Maps views within web applications. ([source](https://github.com/angular/components/blob/main/src/google-maps/README.md))
- [Template-Driven Rendering](https://awesome-repositories.com/f/web-development/rendering-templating/server-side-rendering/template-driven-rendering.md) — Defines visual structures using HTML templates that reactively update based on the underlying data model.
- [Accessibility Attribute Mapping](https://awesome-repositories.com/f/web-development/standard-html-attribute-mapping/accessibility-attribute-mapping.md) — Implements dynamic mapping of internal component states to ARIA attributes for assistive technology support.