https://github.com/shhdharmen/angular-material-tailwind
A boilerplate to get started with Angular Material and Tailwind CSS
https://github.com/shhdharmen/angular-material-tailwind
angular angular-19 angular-material tailwind tailwindcss
Last synced: about 2 months ago
JSON representation
A boilerplate to get started with Angular Material and Tailwind CSS
- Host: GitHub
- URL: https://github.com/shhdharmen/angular-material-tailwind
- Owner: shhdharmen
- Created: 2025-02-08T18:08:20.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-24T11:04:30.000Z (3 months ago)
- Last Synced: 2025-03-27T21:57:38.932Z (2 months ago)
- Topics: angular, angular-19, angular-material, tailwind, tailwindcss
- Language: HTML
- Homepage: https://ui.angular-material.dev/docs
- Size: 291 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Material & Tailwind CSS
This project is created to serve a boilerplate to get started with `@angular/material` and Tailwind CSS. Mainly focused for the developers to use codes from [Angular Material Dev UI](https://ui.angular-material.dev/).
## Get started
```bash
git clone https://github.com/shhdharmen/angular-material-tailwind
cd angular-material-tailwind
npm i
npm start
```
### Features
- Tailwind CSS extended with Angular Material
- Fixes for Tailwind CSS with Angular Material
- Inter and Poppins fonts
- Dark theme
- Avatars with [@ngxpert/avvvatars](https://ngxpert.github.io/avvvatars/)
- Material Symbols
- M3 Tab and Dialogs styles
## Setting in an existing project
To do the setup in an existing project, follow [these instructions](https://ui.angular-material.dev/docs).