Getting Started

This guide will help you setup project to use Angular Material & TailwindCSS together. So that you can use the codes from this platform easily in your projects.

## Requirements All of the components in Angular Material Dev are designed for/with the following versions: | Package | Version | | ----------------- | ------- | | Angular | 19 | | @angular/cdk | 19 | | @angular/material | 19 | | tailwindcss | 4 | ## Sample project If you are staring from scratch and don't want to read full instructions, clone the [boilerplate repository](https://github.com/shhdharmen/ngm-dev-blocks-demo-app) and run the project. ```bash git clone https://github.com/shhdharmen/ngm-dev-blocks-demo-app cd ngm-dev-blocks-demo-app npm i npm start ``` Further instructions are available in the [README](https://github.com/shhdharmen/ngm-dev-blocks-demo-app?tab=readme-ov-file#). ## Environment setup If you do not have an Angular workspace, you can setup one with the following commands: > Setup an angular workspace locally with `SCSS` ```bash npm i -g @angular/cli ng new my-app --style scss ```
Next
CLI Setup
Angular Material Blocks Logo

Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.

Find us on X (Twitter), LinkedIn, Instagram & Threads