Creating Angular Components with Material Components Web
/ Courses Creating Angular Components with Material Components Web
# Overview
## TL;DR
If you're simply interested in code, it's available on GitHub at [Angular-Material-Dev/course-mcw-banner-angular](https://github.com/Angular-Material-Dev/course-mcw-banner-angular).
## Material Web Components
[Material Web Components](https://m2.material.io/components?platform=web) is a collection of pre-designed and pre-styled web components that follow the guidelines and design principles of Google's Material Design. These components provide a consistent and visually appealing user interface for web applications.
This approach is useful when there is no official Angular component available for Material Design, but you want to have it in your application. For example [banners](https://m2.material.io/components/banners).
In this approach, we will learn 2 ways to create components in Angular:
1. Simple approach using DOM manipulation
2. Advanced approach using foundations and adapters
Support Free Content Creation
Contributions & Support
Even though the courses and articles are available at no cost, your support in my endeavor to deliver top-notch educational content would be highly valued. Your decision to contribute aids me in persistently improving the course, creating additional resources, and maintaining the accessibility of these materials for all. I'm grateful for your consideration to contribute and make a meaningful difference!
Don't miss any update
Stay up to date
Subscribe to the newsletter to stay up to date with articles, courses and much more!
Angular Material Dev is one place stop for developers to learn about integrating Material Design in Angular applications like a pro.
Find us on X (Twitter)