Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ng-matero/ng-matero

Angular Material admin template.
https://github.com/ng-matero/ng-matero

admin-dashboard admin-template angular angular-material material-design material-extensions ng-admin ng-matero ngx-admin responsive schematics

Last synced: 4 days ago
JSON representation

Angular Material admin template.

Host: GitHub
URL: https://github.com/ng-matero/ng-matero
Owner: ng-matero
License: mit
Created: 2019-04-10T05:42:58.000Z (almost 6 years ago)
Default Branch: main
Last Pushed: 2024-12-14T10:41:35.000Z (28 days ago)
Last Synced: 2024-12-25T14:16:10.922Z (17 days ago)
Topics: admin-dashboard, admin-template, angular, angular-material, material-design, material-extensions, ng-admin, ng-matero, ngx-admin, responsive, schematics
Language: TypeScript
Homepage: https://ng-matero.github.io/ng-matero/
Size: 94.2 MB
Stars: 1,342
Watchers: 42
Forks: 362
Open Issues: 17
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

awesome-angular - ng-matero - Ng-Matero is an Angular admin template made with Material components. (Uncategorized / Uncategorized)
awesome-angular - ng-matero - Angular Material admin dashboard template. (Table of contents / Angular)
fucking-awesome-angular - ng-matero - Angular Material admin dashboard template. (Table of contents / Angular)
fucking-awesome-angular - ng-matero - Angular Material admin dashboard template. (Table of contents / Angular)

README

        


  

    

  





NG-MATERO





Ng-Matero is an Angular admin template made with Material components.

[![CodeFactor](https://www.codefactor.io/repository/github/ng-matero/ng-matero/badge)](https://www.codefactor.io/repository/github/ng-matero/ng-matero)

[![npm](https://img.shields.io/npm/v/ng-matero.svg)](https://www.npmjs.com/package/ng-matero)

[![GitHub Release Date](https://img.shields.io/github/release-date/ng-matero/ng-matero)](https://github.com/ng-matero/ng-matero/releases)

[![prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://prettier.io/)

[![GitHub license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/ng-matero/ng-matero/blob/master/LICENSE)

[![Gitter](https://img.shields.io/gitter/room/ng-matero/ng-matero.svg)](https://gitter.im/matero-io/ng-matero)

[![docs](https://img.shields.io/badge/docs-gitbook-red)](https://nzbin.gitbook.io/ng-matero/)

[![Material Extensions](https://img.shields.io/badge/material-extensions-blue)](https://github.com/ng-matero/extensions#readme)

[![Financial Contributors on Open Collective](https://opencollective.com/ng-matero/all/badge.svg?label=financial+contributors)](https://opencollective.com/ng-matero)



## ✨ Features

- Material Extensions

- Schematics support

- Modern design style

- Multiple admin layout

- Powerful color system

- Rich CSS helpers

- Dark mode support

- RTL support

- Internationalization

- Authentication

- HTTP interceptors

- Permissions management

## 📖 Documentation

[English](https://nzbin.gitbook.io/ng-matero/v/en-2/) | [简体中文](https://nzbin.gitbook.io/ng-matero/v/zh-1/)

## 📦 Compatibility

Which version to use?

| Angular | Material | Ng-Matero | Extensions |

| ------- | -------- | --------- | ---------- |

| v18     | v18      | 18.x.x    | 18.x.x     |

| v17     | v17      | 17.2.0    | 17.3.5     |

| v16     | v16      | 16.3.0    | 16.3.8     |

| v15     | v15      | 15.3.0    | 15.6.4     |

| v14     | v14      | 14.3.0    | 14.8.5     |

| v13     | v13      | 13.1.1    | 13.3.3     |

| v12     | v12      | 12.8.0    | 12.10.3    |

| v11     | v11      | 11.3.2    | 11.5.2     |

| v10     | v10      | 10.4.1    | 10.16.6    |

| v9      | v9       | 9.7.2     | 9.11.14    |

| v8      | v8       | 0.16.0    | 0.9.3      |

## 🔧 Installation

The project has support `ng add` yet.

```bash

$ ng new 

$ cd 

$ ng add ng-matero

```

You can also git clone the starter repo to start. But it's not recommended.

```bash

$ git clone --depth=1 [email protected]:ng-matero/starter.git 

$ cd 

$ npm install

```

## ⚙️ Schematics

You can use the ng-matero schematics to generate a module or a page.

### Module schematic

Generate a lazy loaded module.

```bash

$ ng g ng-matero:module 

```

The new module will be created in `routes` folder, it will be added in `routes.module` and its route declaration will be added in `routes-routing.module` automaticly.

### Page schematic

Generate a page component in the module.

```bash

$ ng g ng-matero:page  -m=

```

Generate a entry component in the page component.

```bash

$ ng g ng-matero:page / -m= -e=true

```

### Example

Just two steps after initializing the project, you can get a route page.

```bash

$ ng g ng-matero:module abc

$ ng g ng-matero:page def -m=abc

```

Take a look at `http://localhost:4200/#/abc/def`, enjoy it!

## 💻 Development

```bash

$ git clone [email protected]:ng-matero/ng-matero.git

$ cd ng-matero

$ npm install

$ npm run start

```

Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## 🗺 Roadmap

Check [projects](https://github.com/ng-matero/ng-matero/projects) to know the develop plans.

## 🤝 Contributors

### Code Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].



### Financial Contributors

Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/ng-matero/contribute)]

#### Individuals



#### Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/ng-matero/contribute)]





















## 📃 License

MIT