Component infrastructure and Material Design components for Angular
Alternatives To Components
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Storybook80,4357,28921,47620 hours ago1,108September 14, 20221,823mitTypeScript
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Components23,65120,2424,60521 hours ago388July 26, 20231,961mitTypeScript
Component infrastructure and Material Design components for Angular
Bit17,0072412 hours ago158July 31, 202399otherTypeScript
A tool for composable software development.
Primeng8,4692,42290513 hours ago249August 03, 2023794otherCSS
The Most Complete Angular UI Component Library
8 years ago36
my personal blog
Clarity6,457244506 months ago255September 06, 20222mitTypeScript
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
6 months agon,ullmitTypeScript
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Builder5,645264a day ago1,138August 08, 2023119mitTypeScript
Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more
Ngx Bootstrap5,4944,7381,09411 days ago95July 13, 2023550mitTypeScript
Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
Searchkit4,6501431615 days ago114July 15, 202325apache-2.0TypeScript
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support
Alternatives To Components
Select To Compare

Alternative Project Comparisons

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.

Package Description Docs
@angular/cdk Library that helps you author custom UI components with common interaction patterns Docs
@angular/material Material Design UI components for Angular applications Docs
@angular/google-maps Angular components built on top of the Google Maps JavaScript API Docs
@angular/youtube-player Angular component built on top of the YouTube Player API Docs

Quick links

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.


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.

What we're working on now (Q2 2023):

  • Investigating and fixing reported regressions for the new components launched in v15
  • Creating a new more flexible theming API in collaboration with MDC Web
  • Continuing to focus on improving the accessibility of Angular Material components
  • Improving the performance of our components in large applications

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.
Popular Component Projects
Popular Angular Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Material Design
Angular Components