Skip to content
Angular Material admin dashboard template.
TypeScript HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
e2e
schematics
src
.editorconfig
.gitignore
.huskyrc
.prettierignore
.prettierrc
.stylelintrc
LICENSE
README.md
angular.json
browserslist
gulpfile.js
karma.conf.js
package-lock.json
package.json
tsconfig.app.json
tsconfig.json
tsconfig.spec.json
tslint.json

README.md

NG-MATERO

Ng-Matero is an Angular admin templete made with Material componnets.

npm prettier license

Features

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

🔧 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 git@github.com:ng-matero/starter.git

⚙️ 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.

🗺 Road Map

  • Schematics Support
  • Material Extral Components
  • VS Code Snippet

📃 License

MIT

You can’t perform that action at this time.