An open API service indexing awesome lists of open source software.

https://github.com/dills122/angular-mat-tailwind-starter

Angular Template with Material & TailwindCSS + Biome
https://github.com/dills122/angular-mat-tailwind-starter

angular-material angular-starter-template angular-template angular2 tailwind-css

Last synced: about 1 month ago
JSON representation

Angular Template with Material & TailwindCSS + Biome

Awesome Lists containing this project

README

          

# Angular Material TailwindCSS Starter

A modern Angular 20+ starter template that combines [Angular Material](https://material.angular.io/) and [Tailwind CSS](https://tailwindcss.com/) for rapid UI development. This template is pre-configured with best practices, theming, and a clean project structure—helping you jumpstart your next Angular project with minimal setup.

## Overview

This starter provides:

- Angular 20+ with standalone components and signals
- Angular Material 3 theming and components
- Tailwind CSS utility classes and configuration
- Pre-configured SCSS and Material theming
- Example layout, routing, and component structure
- Ready-to-use build, test, and lint scripts

## Getting Started

### Prerequisites

- [Node.js](https://nodejs.org/) (v18 or higher recommended)
- [pnpm](https://pnpm.io/) or [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
- [Angular CLI](https://angular.dev/tools/cli) (`npm install -g @angular/cli`)

### Installation

Clone this repository and install dependencies:

```bash
git clone https://github.com/your-username/angular-mat-tailwind-starter.git
cd angular-mat-tailwind-starter

nvm install lts/jod
nvm use lts/jod

pnpm install

pnpm start
pnpm test
pnpm check #linter/formating all-in-one
```

### Running the Development Server

Start the local dev server:

```bash
pnpm start
```

Open your browser at [http://localhost:4200](http://localhost:4200) to view the app. The server reloads automatically on file changes.

---