DEV Community 👩‍💻👨‍💻

Cover image for Using AdminLTE Blade Components in Laravel
Jalal Uddin
Jalal Uddin

Posted on

Using AdminLTE Blade Components in Laravel

AdminLTE3 is one of the most popular Bootstrap admin template which is completely free. We can use AdminLTE in our Laravel projects in several ways. But since Laravel 7.x, we can use Blade Components like <x-component /> and make our development faster than before.

We, backed developers, are mainly focused on Backed. Thus we need rapidness in frontend of view of Admin Panel. Using such a template of bootstrap is one of the first steps towards rapid-development. Another step can be using Blade Components in laravel.


To get started with Laravel Blade components, you need to install a composer package:

composer require dgvai/laravel-adminlte-components
Enter fullscreen mode Exit fullscreen mode

Extracting Plugins

php artisan vendor:publish --tag=adminlte-dg-plugins
Enter fullscreen mode Exit fullscreen mode


  • Option 1: You can use this package, stand-alone with AdminLTE installed in your app. You just need to add an @yield('js') at the bottom of your master blade layout.

  • Option 2: [Recommended] Or, if you use jeroennoten/Laravel-AdminLTE package, then you do not need to add anything at master. I will recommend to use this package.

If you choose Option 2, paste this config into the config/adminlte.php file in plugins key: PASTE this configuation


You can find full documentation of usage from the repository link.

Top comments (0)

Timeless DEV post...

How to write a kickass README

Arguably the single most important piece of documentation for any open source project is the README. A good README not only informs people what the project does and who it is for but also how they use and contribute to it.

If you write a README without sufficient explanation of what your project does or how people can use it then it pretty much defeats the purpose of being open source as other developers are less likely to engage with or contribute towards it.