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/


Laravel has a set of requirements in order to run smoothly in specific environment. Please see the requirements section in Laravel documentation.

Metronic similarly uses additional plugins and frameworks, so ensure that you have Composer and Node installed on your machine.

Assuming your machine meets all the requirements - let's proceed to the installation of Metronic Laravel integration (skeleton).

The root directory of your application will contain an .env.example file. You should copy the file manually and rename it to .env or run command cp .env.example .env.

  1. Open in cmd or terminal app and navigate to this folder

  2. Run following commands

    composer install
    cp .env.example .env

    For Windows command line tool use copy command. For unix style - cp.

    php artisan key:generate
    npm install
    npm run dev
    php artisan serve
  3. And navigate to generated server url

For more information about the Laravel installation, please check out on this link https://laravel.com/docs/8.x/installation

Mix is a configuration layer on top of Webpack. So to run your Mix tasks, you only need to execute one of NPM scripts that is included with the default Laravel package.json file:

// Run all Mix tasks...
npm run dev

// Run all Mix tasks and minify output...
npm run production

The npm run watch command will continue running in your terminal and watch all relevant files for changes. Webpack will then automatically recompile your assets when it detects a change:

npm run watch

For more information about the Laravel compiling assets, please check out on this link https://laravel.com/docs/8.x/mix

Think About The Future, Stay Connected With Us
The More We Learn, The More We Are Able To Innovate & To Develop