DEV Community

loading...
Cover image for 10 Best Admin Templates to Get You Started with Laravel and VueJS

10 Best Admin Templates to Get You Started with Laravel and VueJS

creativetim_official profile image Creative Tim Updated on ・7 min read

Laravel and Vue go together like peanut butter and jam. Or like coffee and overdue tasks. Because together they make building apps a lot easier, especially Single-Page Applications (SPAs). In fact, if you've ever used Laravel, you've probably noticed it comes with the option of installing Vue. So what's up with that?

Vue integrates really well with Laravel. You can create Vue components and use them like you would use regular HTML tags in your blade file. But you know what's even better? Ready-made Vue components on top of a Laravel infrastructure. So if you want to get into the awesome combo that is Vue and Laravel, we've prepared a list of admin templates to get you started.

These are some of the best out-of-the-box resources to get you started with Vue.js and Laravel.


Vue Argon Dashboard PRO Laravel

Vue Argon Dashboard PRO Laravel
Download |   Live Preview   

Vue Argon Dashboard PRO Laravel is a premium resource for building apps with Laravel and Vue built by Creative Tim and UPDIVISION. Using Creative Tim's signature design system Argon, it comes with an API-powered Laravel backend, Vue components, and modular Vuex store with modules for each JSON:API resource. You're getting all the functionality of a lightweight CMS through ready-to-use CRUD endpoints and an awesome-looking frontend to go with it.


Vue Now UI Dashboard Laravel

Vue Now UI Dashboard Laravel
Download |   Live Preview   

Vue Now UI Dashboard Laravel is a free full-stack tool developed by Creative Tim and UPDIVISION. It combines Vue.js components and plugins with an awesome design and an API-powered Laravel backend. The look & feel is inspired by NOW UI Kit, a beautiful cross-platform UI kit developed with InVision, the design platform powering the world's best user experiences.


Vue Material Dashboard Laravel PRO

Vue Material Dashboard Laravel PRO
Download |   Live Preview   

What if you could go from frontend to full-stack in an instant when building your app? Creative Tim partnered with UPDIVISION to bring you Vue Material Dashboard Laravel PRO, the ultimate full-stack resource. Vue Material Dashboard Laravel PRO comes not only with a huge number of UI components and a Vue Material frontend, but also with an API-powered Laravel backend.


CoreUI - Vue.js & Laravel Admin Template

CoreUI - Vue.js & Laravel Admin Template
Download |   Live Preview  

CoreUI Vue.js & Laravel Admin Template is a free admin template that comes with customizable UI components and can be used with Vue and Laravel. CoreUI supports the most popular frameworks, including Vue.js + Laravel. It reduces time to market through reusable widgets and components and is delivered with a ready-to-use environment, so you don't have to waste time configuring the project.


Admin One

Admin One
Download |   Live Preview  

Admin One is a simple, beautiful, and free Laravel admin dashboard that is built with Vue.js, Bulma & Buefy. Its features include fully-styled auth scaffolding, profile & avatar management with back-end, full resource CRUD Sample (with front-end & back-end).


Vue Black Dashboard PRO Laravel

Vue Black Dashboard PRO Laravel
Download |   Live Preview  

Creative Tim's dark theme now comes not only with a Vue frontend, but also with an API-powered Laravel backend as Vue Black Dashboard PRO Laravel. We've partnered with UPDIVISION to create the ultimate full-stack tool for building web, mobile & desktop apps. Complete with all the functionalities of a lightweight CMS, right out of the box: role-based authentication system, my profile, CRUDs for managing users, roles, items, categories, and tags.


Vue White Dashboard Laravel

Vue White Dashboard Laravel
Download |   Live Preview  
Vue White Dashboard Laravel is a free resource developed by Creative Tim and UPDIVISION using two of the most popular frameworks today: Vue and Laravel. Build complex apps with simple and elegant design and an API-powered backend. Vue White Dashboard Laravel comes with ready-made UI components, example pages, plug-ins, modular Vuex store with modules for each JSON API resource, and a fully-functional authentication system and user profile.


Vuexy - VueJS & Vue + Laravel Admin

Vuexy - VueJS & Vue + Laravel Admin
Download |   Live Preview   

Vuexy VueJS & Vue + Laravel Admin is a developer-friendly and highly customizable admin template based on Vue and Laravel, the perfect combo for web apps and full-stack development. It comes with composition API support using "Composition API plugin for Vue 2", Internationalization/i18n support and a dark and light version. It also comes with highly used UI components such as dropdowns, buttons, cards, alerts, menus.


Vue Paper Dashboard 2 PRO Laravel

Vue Paper Dashboard 2 PRO Laravel
Download |   Live Preview   

Vue Paper Dashboard 2 PRO Laravel is a premium full-stack resource developed by Creative Tim and UPDIVISION. Vue Paper Dashboard 2 PRO Laravel combines Vue.js components and plugins with a clean design and an API-powered Laravel backend. In short, it's a really useful full-stack tool to help developers build complex apps faster. It comes with over 100 handcrafted components, example pages, plug-ins, modular Vuex store with modules for each JSON API resource and CRUD endpoints for the most used functionalities in any CMS.


Nuxt Argon Dashboard Laravel

Nuxt Argon Dashboard Laravel
Download |   Live Preview   
Nuxt Argon Dashboard Laravel is a free full stack resource coded by Creative Tim and UPDVISION to help you get started with one of the most popular VueJs frameworks today: Nuxt. You get a fully-functional authentication system and user profile powered by a Laravel API backend, together with dozens of reusable UI components, example pages, plug-ins, and modular Vuex store with modules for each JSON:API resource.


Extra goodies

If you haven't used VueJs with Laravel yet, now's your chance. We hope this list can help you with your next project. If you want to check out more Vue and Laravel resources, you can also browse through this list of free dashboards and templates for Laravel and these cool projects built with VueJS.

Discussion (1)

pic
Editor guide
Collapse
davidmpublic profile image
Dave Mo • Edited

Strange how the 10 best Vue Admin frameworks are all created by the author!

Here's a list of 22 free templates:
colorlib.com/wp/free-vuejs-admin-t...

And here are other commercial alternatives:
themeforest.net/search/vue