angular

    angular/components

    Component infrastructure and Material Design components for Angular

    frontend
    angular
    angular-components
    material
    material-design
    TypeScript
    MIT
    24.9K stars
    6.8K forks
    24.9K watching
    Updated 2/27/2026
    View on GitHub
    Backblaze Advertisement

    Loading star history...

    Health Score

    25.55

    Weekly Growth

    +0

    +0.0% this week

    Contributors

    1

    Total contributors

    Open Issues

    2.1K

    Generated Insights

    About components

    Official components for Angular

    npm version Build status Gitter

    The Angular team builds and maintains both common UI components and tools to help you build your own custom components. The team maintains several npm packages.

    PackageDescriptionDocs
    @angular/cdkLibrary that helps you author custom UI components with common interaction patternsDocs
    @angular/materialMaterial Design UI components for Angular applicationsDocs
    @angular/google-mapsAngular components built on top of the Google Maps JavaScript APIDocs
    @angular/youtube-playerAngular component built on top of the YouTube Player APIDocs

    Documentation, demos, and guides | Frequently Asked Questions | Community Google group | Contributing | StackBlitz Template

    Getting started

    See our Getting Started Guide if you're building your first project with Angular Material.

    Contributing

    If you'd like to contribute, please follow our contributing guidelines. Please see our help wanted label for a list of issues with good opportunities for contribution. You can also use the good first issue label to find issues if you are just starting to contribute to the project.

    About the team

    The Angular Components team is part of the Angular team at Google. The team includes both Google employees and community contributors from around the globe.

    Our team has two primary goals:

    • Build high-quality UI components that developers can drop into existing applications
    • Provide tools that help developers build their own custom components with common interaction patterns

    What do we mean by "high-quality" components?

    • Internationalized and accessible so that all users can use them.
    • Straightforward APIs that don't confuse developers.
    • Behave as expected across a wide variety of use-cases without bugs.
    • Behavior is well-tested with both unit and integration tests.
    • Customizable within the bounds of the Material Design specification.
    • Performance cost is minimized.
    • Code is clean and well-documented to serve as an example for Angular developers.

    Browser and screen reader support

    The Angular Components team supports the most recent two versions of all major browsers: Chrome (including Android), Firefox, Safari (including iOS), and Edge.

    We aim for great user experience with the following screen readers:

    • Windows: NVDA and JAWS with FF / Chrome.
    • macOS: VoiceOver with Safari / Chrome.
    • iOS: VoiceOver with Safari
    • Android: Android Accessibility Suite (formerly TalkBack) with Chrome.
    • Chrome OS: ChromeVox with Chrome.

    Discover Repositories

    Search across tracked repositories by name or description