ng-matero / ng-matero

Angular Material admin dashboard template.

Home Page:https://ng-matero.github.io/ng-matero/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NG-MATERO

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

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

โœจ 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 ๏ฝœ็ฎ€ไฝ“ไธญๆ–‡

๐Ÿ“ฆ Compatibility

Which version to use?

Angular Material Ng-Matero Extensions
v17 v17 17.x.x 17.x.x
v16 v16 16.3.0 16.3.2
v15 v15 15.3.0 15.6.1
v14 v14 14.3.0 14.8.2
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 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 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 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 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

About

Angular Material admin dashboard template.

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

License:MIT License


Languages

Language:TypeScript 61.3%Language:HTML 29.8%Language:SCSS 7.6%Language:JavaScript 1.1%Language:CSS 0.1%Language:Shell 0.0%