Angular Material admin template.
NG-MATERO
Ng-Matero is an Angular admin template made with Material components.
โจ 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
๐ฆ 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.
$ ng new <project-name>
$ cd <project-name>
$ ng add ng-matero
You can also git clone the starter repo to start. But itโs not recommended.
$ git clone --depth=1 [email protected]:ng-matero/starter.git <project-name>
$ cd <project-name>
$ npm install
โ๏ธ Schematics
You can use the ng-matero schematics to generate a module or a page.
Module schematic
Generate a lazy loaded module.
$ ng g ng-matero:module <module-name>
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.
$ ng g ng-matero:page <page-name> -m=<module-name>
Generate a entry component in the page component.
$ ng g ng-matero:page <page-name>/<entry-component-name> -m=<module-name> -e=true
Example
Just two steps after initializing the project, you can get a route page.
$ 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
$ 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 to know the develop plans.
๐ค Contributors
Code Contributors
This project exists thanks to all the people who contribute. [Contribute].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
๐ License
MIT