logo
The World’s #1 Bootstrap 5 HTML,
VueJS, React, Angular, Laravel, Asp.Net Core, Blazor, Django & Flask

Admin Dashboard Ecosystem

This is Metronic 7 documentation!

Upon purchase you can get Metronic 7 version from our Github Repository.
Request Github access
The new Metronic 8 is now available with the most advanced Bootstrap 5, VueJS, React and Laravel foundation with a solid light and dark mode design system, extensive utility classes and custom made in-house components.
View Metronic 8 documentation

To use most of the Metronic build tools, Node.js LTS version is required. Version 14.x LTS is recommended. Some of the plugins and framework in Metronic v7 does not support the latest Node.js version. https://nodejs.org/en/

Angular Skeleton

1. Remove Demo Pages:

All demo pages are in separate modules.

  1. Remove demo pages folder:
    [metronic]/theme/angular/[demo]/src/app/modules/e-commerce
    [metronic]/theme/angular/[demo]/src/app/modules/user-management
    [metronic]/theme/angular/[demo]/src/app/modules/material
    [metronic]/theme/angular/[demo]/src/app/modules/ngbootstrap
    [metronic]/theme/angular/[demo]/src/app/modules/wizards
    [metronic]/theme/angular/[demo]/src/app/modules/user-profile

    Leave auth, i18n and errors folder. Auth is required for authentication module like login and register page. errors is required for 404 page redirect (* you able to keep only error page and remove others). i18n is required for application localization.

  2. Remove demo pages from Routing in file [metronic]/theme/angular/[demo]/src/app/pages/pages-routing.module.ts:

    Remove code from row20 to 55

  3. Remove demo pages links from Aside Menu Static in file [metronic]/theme/angular/[demo]/src/app/pages/_layout/components/aside/aside.component.html: (*if you are using static aside) Remove all html code from row 77 to 1483
  4. Remove demo pages links from Aside Menu Dynamic in file [metronic]/theme/angular/[demo]/src/app/_metronic/configs/dynamic-aside-menu.config.ts: (*if you are using dynamic aside) Remove all html code from row 19 to 347
  5. Remove demo pages links from Header Menu Static in file [metronic]/theme/angular/[demo]/src/app/pages/_layout/components/header/header-menu/header-menu.component.html: (*if you are using static header) Remove all html code from row 24 to 1177
  6. Remove demo pages links from Header Menu Dynamic in file [metronic]/theme/angular/[demo]/src/app/_metronic/configs/dynamic-header-menu.config.ts: (*if you are using dynamic header) Remove all html code from row 16 to 389

2. Remove Dashboard widgets:

All dashboard widgets can be easily removed.

  1. Remove dashboard+widgets folders:
    [metronic]/theme/angular/[demo]/src/_metronic/partials/content/dashboards
    [metronic]/theme/angular/[demo]/src/_metronic/partials/content/widgets
  2. Remove Dashboard imports in dashboard module [metronic]/theme/angular/[demo]/src/app/pages/dashboard/dashboard.module.ts:
  3. Remove Dashboard component in dashboard page [metronic]/theme/angular/[demo]/src/app/pages/dashboard/dashboard.component.html:
    <!-- <app-dashboard-wrapper></app-dashboard-wrapper> -->
Metronic: Angular skeleton => Result
Think About The Future, Stay Connected With Us
The More We Learn, The More We Are Able To Innovate & To Develop