All Projects → ng-matero → Ng Matero

ng-matero / Ng Matero

Licence: mit
Angular Material admin dashboard template.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Ng Matero

Rwa Trivia
Trivia App - Real World Angular series
Stars: ✭ 251 (-57.96%)
Mutual labels:  material-design, angular-material
Ng Notadd
In-middle background front-end solution based on angular material 基于Angular Material的中后台前端解决方案
Stars: ✭ 287 (-51.93%)
Mutual labels:  material-design, admin-dashboard
morioh
Morioh Responsive Template with Bootstrap 4, HTML5 and Vue.js
Stars: ✭ 119 (-80.07%)
Mutual labels:  responsive, admin-dashboard
Material Admin
Free Material Admin Template
Stars: ✭ 219 (-63.32%)
Mutual labels:  material-design, admin-dashboard
Vue Material Dashboard
Vue Material Dashboard - Open Source Material Design Admin
Stars: ✭ 403 (-32.5%)
Mutual labels:  material-design, admin-dashboard
Angular Ngrx Material Starter
Angular, NgRx, Angular CLI & Angular Material Starter Project
Stars: ✭ 2,623 (+339.36%)
Mutual labels:  material-design, angular-material
nglp-angular-material-landing-page
NGLP is an Angular Material Landing Page.
Stars: ✭ 32 (-94.64%)
Mutual labels:  responsive, angular-material
Vantage Ui Template
Template for UI applications in Vantage
Stars: ✭ 193 (-67.67%)
Mutual labels:  material-design, angular-material
Cdk Admin
Angular 6 admin panel using angular material & angular flex.
Stars: ✭ 344 (-42.38%)
Mutual labels:  material-design, admin-dashboard
Light Bootstrap Dashboard Angular2
Light Bootstrap Dashboard Angular 2
Stars: ✭ 299 (-49.92%)
Mutual labels:  responsive, admin-dashboard
Hubuntu Ui
Material Admin Dashboard Starter UI ( Ubuntu style ) - https://720kb.github.io/hubuntu-ui/
Stars: ✭ 207 (-65.33%)
Mutual labels:  material-design, admin-dashboard
Mcg
Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
Stars: ✭ 507 (-15.08%)
Mutual labels:  material-design, angular-material
Arctic admin
Responsive Theme for ActiveAdmin
Stars: ✭ 201 (-66.33%)
Mutual labels:  material-design, responsive
Responsive scaffold
Responsive Scaffold - On mobile it shows a list and pushes to details and on tablet it shows the List and the selected item. Maintainer: @rodydavis
Stars: ✭ 238 (-60.13%)
Mutual labels:  material-design, responsive
Covalent
Teradata UI Platform built on Angular Material
Stars: ✭ 2,230 (+273.53%)
Mutual labels:  material-design, angular-material
enlite-starter
Enlite Starter - React Dashboard Starter Template with Firebase Auth
Stars: ✭ 28 (-95.31%)
Mutual labels:  responsive, admin-dashboard
Ej2 Angular Ui Components
Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
Stars: ✭ 159 (-73.37%)
Mutual labels:  material-design, angular-material
Admin Template
JSF responsive admin template based on Bootstrap and AdminLTE
Stars: ✭ 170 (-71.52%)
Mutual labels:  material-design, responsive
Django Jet
Modern responsive template for the Django admin interface with improved functionality. We are proud to announce completely new Jet. Please check out Live Demo
Stars: ✭ 3,207 (+437.19%)
Mutual labels:  responsive, admin-dashboard
Purpleadmin Free Admin Template
Purple Admin is one of the most stylish Bootstrap admin dashboard you can get hands on. With its beautifully crafted captivating design and well-structured code.
Stars: ✭ 473 (-20.77%)
Mutual labels:  material-design, admin-dashboard

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

  • 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

📖 Documents

English简体中文

📦 Compatibility

Which version to use?

Angular Material Ng-Matero Extensions
v11 v11 11.x.x 11.x.x
v10 v10 10.3.5 10.14.0
v9 v9 9.7.2 9.11.13
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 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].