https://github.com/flatlogic/material-vue-full
💎 Vue Material Admin Full - Vue.js admin dashboard template built with Vuetify and Love 💝
https://github.com/flatlogic/material-vue-full
material-design material-ui vue vuejs vuejs2 vuetify vuetify-frontend vuetifyjs vuex
Last synced: about 1 year ago
JSON representation
💎 Vue Material Admin Full - Vue.js admin dashboard template built with Vuetify and Love 💝
- Host: GitHub
- URL: https://github.com/flatlogic/material-vue-full
- Owner: flatlogic
- License: mit
- Created: 2020-08-10T06:48:55.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2025-01-24T23:41:54.000Z (over 1 year ago)
- Last Synced: 2025-01-25T00:24:37.894Z (over 1 year ago)
- Topics: material-design, material-ui, vue, vuejs, vuejs2, vuetify, vuetify-frontend, vuetifyjs, vuex
- Language: Vue
- Homepage: https://templates-flatlogic.herokuapp.com/vue-material/
- Size: 17.8 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: changelog.md
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 Vue Material Admin - A Free Vue Material Dashboard!
[View Demo](https://flatlogic.com/templates/vue-material-template-full/demo) | [Download](https://github.com/flatlogic/material-vue-full/archive/refs/heads/master.zip) | [More Templates](https://flatlogic.com/templates) | [Discord Community](https://discord.gg/flatlogic-community) | [Support Forum](https://flatlogic.com/forum)
**Originally a premium product priced at $69+, made available for free in January 2025!** 🎉
[](https://flatlogic.com/templates/vue-material-template-full/demo)
Looking for a perfect codebase generator for your Startup? Try [Flatlogic AI Web App Generator](https://flatlogic.com/generator) - our new tool, sort of a template++.
---
## 🎯 Why Vue Material Admin?
- **Ex-Premium**: This template was previously paid. Enjoy it for free now. 😉
- **Vuetify Framework**: Built using Vue.js and Material Design principles.
- **Join the Community**: [Flatlogic Discord](https://discord.gg/flatlogic-community) is where the action happens.
- **Free Node.js Backend**: Pair it up with [this backend](https://github.com/flatlogic/nodejs-backend) to go full-stack.
---
## 🚀 Quick Start
1. **Clone the repo**
```bash
git clone https://github.com/flatlogic/material-vue-full.git
cd material-vue-full
```
2. **Install dependencies**
```bash
yarn install # Or npm install
```
3. **Run the app**
```bash
yarn start
```
Navigate to http://localhost:3000/.
4. **Backend Support**
```bash
yarn start:backend
```
5. **Build for production**
```bash
yarn build
```
---
## 🧩 Features
- Vuetify-based UI Components
- Fully Responsive Layout
- Three Color Themes & Dark Mode
- Vue 2.6.11
- Vue Router for Navigation
- Various Chart Libraries (Highcharts, Apexcharts)
- User Management Pages
- Sass and Vuex Integration
---
## 🛠 Built With
- Vue 2.6.11
- Vuetify
- Vue Router
- Sass
- Vuex
- Webpack
---
## 📦 Pages
- Dashboard
- E-Commerce (Product Management, Product Grid, Product Page)
- User Management (User List, Add, Edit)
- Forms (Validation, Elements)
- Charts (Line, Pie, Bar)
- Tables (Basic, Dynamic)
- Maps (Google, Vector)
- Core (Typography, Colors, Grid)
- Extra (Calendar, Invoice, Gallery, Search Result, Timeline)
- Authentication (Login, Error Pages)
---
## 🌍 Available Variants
| | **Material** | **Transparent** | **Classic** | **Sofia** | **Flatlogic** |
|---------------|-----------------------------------------------------------|---------------------------------------------------------|-------------------------------------------------------|-----------------------------------------------------|----------------------------------------------------|
| **React** | [React Material Admin](https://github.com/flatlogic/react-material-admin-full) | [Light Blue React](https://github.com/flatlogic/light-blue-react) | [Sing App React](https://github.com/flatlogic/sing-app-react) | [Sofia React](https://github.com/flatlogic/sofia-react) | [One React](https://github.com/flatlogic/one-react) |
| **Angular** | [Angular Material Admin](https://github.com/flatlogic/angular-material-admin-full) | [Light Blue Angular](https://github.com/flatlogic/light-blue-angular) | [Sing App Angular](https://github.com/flatlogic/sing-app-angular) | - | - |
| **Vue** | [Material Vue](https://github.com/flatlogic/material-vue-full) | [Light Blue Vue](https://github.com/flatlogic/light-blue-vue) | [Sing App Vue](https://github.com/flatlogic/sing-app-vue) | - | - |
| **Bootstrap** | - | [Light Blue HTML5](https://github.com/flatlogic/light-blue-html5) | [Sing App HTML5](https://github.com/flatlogic/sing-app-html5) | - | [One Bootstrap](https://github.com/flatlogic/one-bootstrap-template-full) |
Additionally, these templates are tailored for specific business needs:
- [E-Commerce Frontend (React)](https://github.com/flatlogic/ecommerce-frontend) - A complete e-commerce solution.
- [Bookkeeper UI (React)](https://github.com/flatlogic/bookkeeper-ui) - Accounting dashboard for finance management.
- [User Management Template (React)](https://github.com/flatlogic/user-management-template) - User authentication and management.
---
## 👨💻 How to Contribute
- **Star this repo ⭐** - show some love.
- **Report bugs** - but be nice.
- **Join the [Discord]()** - meet fellow devs.
---
## 🔥 About Flatlogic
[Flatlogic AI Software Engineer](https://flatlogic.com/ai-software-development-agent) builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort.
---
## 📜 License
This template is free to use. Modify it, break it, make it your own. Just don’t try to sell it back to us. 😎
---
> **Questions or feedback?**
> Join our [Flatlogic Community Discord](https://discord.gg/flatlogic-community) or visit our [support forum](https://flatlogic.com/forum). We might even reply!