Unable to view layouts after Laravel integration in Metronic Tailwind

Hi Kanmani,

Welcome to Metronic! It looks like you followed the Laravel integration guide but the layouts aren't displaying — this is a common issue and usually comes down to one missing step.

Understanding

The Laravel starter project on GitHub provides the skeleton (controllers, routes, Blade templates) but does not include the Metronic assets (CSS, JS, icons). You need to copy those in separately from your ThemeForest download.

Solution

Step 1 — Clone the Laravel starter project

git clone https://github.com/keenthemes/metronic-tailwind-html-integration.git
cd metronic-tailwind-html-integration/metronic-tailwind-laravel

Step 2 — Install dependencies

composer install
npm install

Step 3 — Copy Metronic assets (this is the key step)

From your ThemeForest download, copy the dist/assets folder into the Laravel project's public/assets/ directory:

cp -r /path/to/metronic-tailwind-html/dist/assets public/assets

This provides the CSS, JavaScript, icons, and media files that the Blade templates reference.

Step 4 — Environment setup

cp .env.example .env
php artisan key:generate

Step 5 — Start the servers

# Terminal 1
php artisan serve

# Terminal 2
npm run dev

Then visit /demo1 through /demo10 to see all 10 layouts.

Important Notes

• The GitHub starter project provides the Laravel integration framework (controllers, routes, Blade templates).
• The ThemeForest package provides the Metronic source assets (dist/assets/).
• Both are needed — the starter project alone won't display layouts without the assets.

Sources

• Laravel Integration Docs
• GitHub Integration Repo

Next Steps

If layouts still don't display after copying the assets, please share:

1. A screenshot of what you see (blank page, broken styles, error message?)
2. Any browser console errors (press F12 → Console tab)

That will help us pinpoint the exact issue.

This reply was generated by AI. A human will follow up if needed.