πŸš€ Vue Material Admin - A Free Vue Material Dashboard!

January 24, 2025 Β· View on GitHub

View Demo | Download | More Templates | Discord Community | Support Forum

Originally a premium product priced at $69+, made available for free in January 2025! πŸŽ‰

image

Looking for a perfect codebase generator for your Startup? Try Flatlogic AI Web App 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 is where the action happens.
  • Free Node.js Backend: Pair it up with this backend to go full-stack.

πŸš€ Quick Start

  1. Clone the repo

    git clone https://github.com/flatlogic/material-vue-full.git
    cd material-vue-full
    
  2. Install dependencies

    yarn install  # Or npm install
    
  3. Run the app

    yarn start
    

    Navigate to http://localhost:3000/.

  4. Backend Support

    yarn start:backend
    
  5. Build for production

    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

MaterialTransparentClassicSofiaFlatlogic
ReactReact Material AdminLight Blue ReactSing App ReactSofia ReactOne React
AngularAngular Material AdminLight Blue AngularSing App Angular--
VueMaterial VueLight Blue VueSing App Vue--
Bootstrap-Light Blue HTML5Sing App HTML5-One Bootstrap

Additionally, these templates are tailored for specific business needs:


πŸ‘¨β€πŸ’» 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 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 or visit our support forum. We might even reply!