Production Ready, Carefully Crafted, Extensive Vuejs Laravel Free Admin Template 🤩

Overview

materio-logo

Materio - Vuetify VueJS Laravel Free Admin Template

Production ready carefully crafted most comprehensive admin template

license GitHub release Twitter Follow

Materio - Vuetify VueJS Free Admin Template Demo Screenshot

Introduction

If you’re a developer looking for an admin dashboard that is developer-friendly, rich with features, and highly customizable look no further than Materio. We’ve followed the highest industry standards to bring you the very best admin template that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.

Build premium quality applications with ease. Use our innovative admin template to create eye-catching, high-quality, and high-performing single-page applications. Your apps will be completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

View Demo

Installation ⚒️

We recommend you use yarn

  1. Install composer packages

    composer install
    
  2. In the root directory, you will find a file named .env.example, rename the given file name to .env and run the following command to generate the key (You can also setup your database credentials here).

    php artisan key:generate
    
  3. By running the following command, you will be able to get all the dependencies in your node_modules folder:

    yarn
    
     # npm install [for npm]
  4. To run the project, you need to run following command in the project directory. It will compile the php files & all the other project files. If you are making any changes in any of the php file then you need to run the given command again.

    yarn dev
    
     # npm run development [for npm]
  5. To serve the application you need to run the following command in the project directory. (This will give you an address with port number 8000.)

    php artisan serve
    
  6. To change the port address, run the following command:

     php artisan serve --port=8080 // For port 8080
     sudo php artisan serve --port=80 // If you want to run it on port 80, you probably need to sudo.
    
  7. Watching for changes: If you want to watch all the changes you make in the application then run the following command in the root directory.

     yarn watch
     
     # npm run watch [for npm]
  8. Building for Production: If you want to run the project and make the build in the production mode then run the following command in the root directory, otherwise the project will continue to run in the development mode.

Make sure to change the APP_ENV=local variable's value APP_ENV=production.

 yarn prod
 
 # npm run production [for npm]

Required Permissions

If you are facing any issues regarding the permissions, then you need to run the following command in your project directory:

sudo chmod -R o+rw bootstrap/cache
sudo chmod -R o+rw storage

What's Included 📦

  • Dashboard
  • Account Settings
  • Pages
    • Login
    • Register
    • Error
  • User Interface
    • Typography
    • Icons
    • Basic Cards
    • Tables
    • Form Layouts

What's in Premium Version 💎

Materio Free Version Materio Premium Version
Demo Demo
Download Purchase
Single vertical menu Vertical (+ vertical collapsed) & Horizontal menu
Simple Light/Dark theme 3 Skin variants w/ light/dark theme support: Default, Bordered & Semi-dark
1 Simple Dashboard 3 Niche Dashboards
- 5 API ready applications
Simple From Elements Advance form elemens, validation & form wizard
Basic Cards Basic Cards + Advanced Cards + Statistics Cards
- API ready JWT Authentication flow
- Access Control (even on CRUD operations)
- Quick Search - Quickly navigate between pages (w/ hotkey support)
Basic Pages Authentication Pages in 2 variants + Ready to use pages like Pricing, FAQ, Knowledge base, etc
- 3D Characters + Illustrations
Basic tables Advanced tables
Manual customization Quick customization using theme config file
- Advanced Charts
1 Chart Library 2 Chart Libraries
- Multiple Navbar & Menu Options
- Starter-kit
- Internationalization support in components
Regular Support Priority Support
Basic Documentation Detailed Documentation

Documentation 📜

Check GitHub Wiki of this repo

Browser Support 🖥️

  • Materio Vuetify VueJS Free Admin Template is built to work best in the latest desktop and mobile and tablet browsers

  • Chrome (latest)

  • FireFox (latest)

  • Safari (latest)

  • Opera (latest)

Contributing 🦸

Contribution are always welcome and recommended! Here is how:

  • Fork the repository (here is the guide).
  • Clone to your machine git clone https://github.com/YOUR_USERNAME/REPO_URL Make your changes
  • Create a pull request

Contribution Requirements 🧰

  • When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
  • If you use content provided by another party, it must be appropriately licensed using an open source license.
  • Contributions are only accepted through Github pull requests.
  • Finally, contributed code must work in all supported browsers (see above for browser support).

Creators 😇

Changelog 📆

Please refer to the CHANGELOG file. We will add a detailed release notes to each new release.

Credits 🙏

NOTE 🏷️

We request you to keep ThemeSelection credit link in the footer section.

Looking For Premium Admin Templates ?? 👀

ThemeSelection provides Selected high quality, modern design, professional and easy-to-use Free Admin Dashboard Template, HTML Themes and UI Kits to create your applications faster!.

If you are looking for more free templates like Materio - Vuetify VueJS Free Admin Template, please visit ThemeSelection.

Useful Links 🔗

Social Media 🌍

You might also like...
Until 2018, Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE. Backpack v4 no longer uses this package, they're now built-in - use Backpack/CRUD instead.
Until 2018, Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE. Backpack v4 no longer uses this package, they're now built-in - use Backpack/CRUD instead.

Note: This package is only used by Backpack v3. Starting with Backpack v4, everything this package does is included in Backpack/CRUD - one package to

Littlelink admin is an admin panel for littlelink that provides you a website similar linktree.

⚙️ LittleLink Admin LittleLink Admin is an admin panel for littlelink that provides you a website similar linktree. 📑 Features creating a link page w

Littlelink admin is an admin panel for littlelink that provides you a website similar linktree.

LittleLink Admin is an admin panel for littlelink that provides you a website similar linktree.

Admin Columns allows you to manage and organize columns in the posts, users, comments, and media lists tables in the WordPress admin panel.

Admin Columns allows you to manage and organize columns in the posts, users, comments, and media lists tables in the WordPress admin panel. Transform the WordPress admin screens into beautiful, clear overviews.

Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE
Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE

Until 2018, Backpack v3 used this Base package to offer admin authentication and a blank admin panel using AdminLTE. Backpack v4 no longer uses this package, they're now built-in - use Backpack/CRUD instead.

This package adds artisan commands to create VueJS components and InertiaJS components.
This package adds artisan commands to create VueJS components and InertiaJS components.

Laravel Vue Commands This package adds artisan commands to create VueJS components and InertiaJS components. Installation You can install the package

A PHP notebook application build with PHP Symfony as back-end API and VueJS/Vuetify front-end.
A PHP notebook application build with PHP Symfony as back-end API and VueJS/Vuetify front-end.

PHPersonal Notes 📓 - BETA RELEASE PHPersonal notes is an application to store your personal notes! PHPersonalnotes is build with Symfony/VueJS/Vuetif

A Laravel 5.8 API Boilerplate to create a ready-to-use REST API in seconds.

Laravel API Boilerplate (JWT Edition) for Laravel 5.8 Laravel API Boilerplate is a "starter kit" you can use to build your first API in seconds. As yo

Automatically Create professional ready to use Laravel REST API for MySQL Database With Postman Docs and JWT Authentication

Laravel Simple Rest API Generator An API Boilerplate to create a ready-to-use REST API in seconds with Laravel 8.x Install with Composer $ curl -s

Comments
  • Vue error

    Vue error

    Steps to reproduce

    hello,

    i try to install this theme, but i got some issues and it works not fine. https://ibb.co/H4c7FQp

    What is expected?

    i'd like to login into dashboard.

    What is actually happening?

    i can not load dashboard due vue error.

    Additional data

    awaiting-reply stale 
    opened by lokutus24 3
  • [webpack-cli] Error: Prevent writing to file that only differs

    [webpack-cli] Error: Prevent writing to file that only differs

    I copy src from pro to your repo bug : [webpack-cli] Error: Prevent writing to file that only differs in casing or query string from already written file. This will lead to a race-condition and corrupted files on case-insensitive file systems. You can help me?

    opened by nquangbaort 2
Releases(v1.0.2)
Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy).

Admin One — Free Laravel Vue Bulma Dashboard Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy). Built

Viktor Kuzhelny 136 Dec 27, 2022
LaraAdmin is a Open source Laravel Admin Panel / CMS which can be used as Admin Backend, Data Management Tool or CRM boilerplate for Laravel with features like Advanced CRUD Generation, Module Manager, Backups and many more.

LaraAdmin 1.0 LaraAdmin is a Open source CRM for quick-start Admin based applications with features like Advanced CRUD Generation, Schema Manager and

Dwij IT Solutions 1.5k Dec 29, 2022
Laravel 8 with [email protected] template

laravel [email protected] Laravel 8 with [email protected] template The following tools are required in order to start the installation. PHP >=8.0 compos

null 6 Nov 10, 2022
Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project.

Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project. It's completely free and you can use it in your projects.

Saugi 118 Dec 20, 2022
Textpattern-plugin-template - A template for building plugins for Textpattern CMS.

Plugin template for Textpattern CMS Developer documentation Refer to the Textpattern plugin development documentation, and notably the Plugin template

Textpattern CMS 17 Apr 17, 2022
todolist app with vueJS frontend and laravel backend

todolist-vuejs-laravel A todolist app with vue.js frontend and laravel backend Demo demo Installation To run this locally, you'll need to clone the re

Isaac Kojo Yeboah 2 May 10, 2022
A CRUD app made with Laravel and VueJS 3 (API Composition)

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Ludovic Guénet 2 Apr 1, 2022
Starter AdminLTE3 with Laravel 5.7 and Vuejs 2+

Starter AdminLTE3 with Laravel 5.7 and Vuejs 2+

Hujjat Nazari 371 Jan 5, 2023
A Event Management system - EMS build with Laravel and Vuejs

Event Management system - EMS A Event Management system - EMS build with Laravel and Vuejs Both FE & BE project folders has own README.md files for in

hassan 5 Jul 21, 2022
project with laravel 9 and php 8 and vuejs 3(modular) in both multi page and single page application

About Project Since Laravel 9 was recently released, it supports PHP 8 and above. So I decided to implement a prototype project using Laravel 9 + PHP

ali ahmadi 10 Sep 7, 2022