/ng-matero

Angular Material admin dashboard template.

Primary LanguageTypeScriptMIT LicenseMIT

NG-MATERO

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

npm GitHub Release Date prettier GitHub license Gitter docs Material Extensions Financial Contributors on Open Collective

✨ Features

  • Schematics support
  • Modern design style
  • Various layout
  • Powerful color system
  • Rich helpers
  • Common Page Templates
  • RTL support
  • Material Extensions

📖 Documents

English简体中文

📦 Compatibility

Which version to use?

Angular Material Ng-Matero Extensions
v9 v9 9.x.x 9.x.x
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 git@github.com: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 file, 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 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.

🗺 Roadmap

Check this issue 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