- 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
Which version to use?
Angular | Material | Ng-Matero | Extensions |
---|---|---|---|
v10 | v10 | 10.x.x | 10.x.x |
v9 | v9 | 9.7.2 | 9.11.11 |
v8 | v8 | 0.16.0 | 0.9.3 |
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 git@github.com:ng-matero/starter.git <project-name>
$ cd <project-name>
$ npm install
You can use the ng-matero schematics to generate a module or a page.
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.
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
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!
$ git clone git@github.com:ng-matero/ng-matero.git
$ cd ng-matero
$ npm install
$ npm run hmr
Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Check projects to know the develop plans.
This project exists thanks to all the people who contribute. [Contribute].
Become a financial contributor and help us sustain our community. [Contribute]
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
MIT