# Laravel Install AdminKit in a Laravel application with Vite, import the CSS and JavaScript from @adminkit/core and build a Blade layout component. Laravel ships with Vite, so AdminKit is installed from npm and imported through the default `resources/css/app.css` and `resources/js/app.js` entry points. ## Install ```bash composer create-project laravel/laravel my-app cd my-app npm install npm install @adminkit/core ``` AdminKit PRO is not published to npm. Copy the `dist/` folder from the download into `resources/adminkit/` and import `../adminkit/css/app.css` and `../adminkit/js/app.js` instead. ## Import the CSS and JavaScript Replace the contents of the two Vite entry files. The `@vite` directive in the layout loads both. ```css title="resources/css/app.css" @import "@adminkit/core/css"; ``` ```js title="resources/js/app.js" import "@adminkit/core"; ``` ### Optional: avoid a color mode flash Without `head.js`, `app.js` applies the stored [color mode](/docs/getting-started/dark-mode/) once it runs, so a visitor who picked the mode opposite to their operating system briefly sees the other one. `head.js` applies it before the first paint. It has to be a plain, blocking script in ``, before `@vite`, whose entries are module scripts that run later, so copy it to `public/`: ```bash cp node_modules/@adminkit/core/dist/js/head.js public/ ``` ```blade ``` ## Minimal layout Create an anonymous Blade component for the layout, a view that uses it, and a route. ```blade title="resources/views/components/layout.blade.php" {{ $title ?? config('app.name') }} @vite(['resources/css/app.css', 'resources/js/app.js'])
{{ $slot }}
``` ```blade title="resources/views/dashboard.blade.php"

Dashboard

Hello from AdminKit.
 ``` ```php title="routes/web.php"