Live Demo
Introduction
Goal: Creating the best Vuetify 3 Admin open-source template.
Built upon the elegant themes of Vuetify, we have established a clear and efficient project structure, integrating the latest technology frameworks. This project aims to address a wide range of common technical requirements and features, while incorporating an AI assistant for a more intelligent experience. Additionally, we ensure that all pages are adaptive across multiple devices, achieving a seamless cross-platform compatibility.
Features
- 📖 Vue 3.2
- 📖 Vite 4.x
- 📖 UI Framework Vuetify 3
- 📖 TypeScript
- 📦 Component Auto Importing
- 🍍 Pinia
- 📔
<script setup> - 📚 Use icons from any icon sets in Iconify
- ☁️ Deploy on Netlify, zero-config
- 🔑 Firebase auth
- 📈 Echarts, ApexChart
- 🧭 Openai, Chatgpt
- 🌍 vue-i18n
- 📚 virtual-scroller , vuedraggable , perfect-scrollbar
- 📝 Rich Text Editor
- 📇 Responsive multi-platform adaptive
Contact Me
- Email yjkbako@gmail.com
- Twitter https://twitter.com/baibaixiang
- Wechat
Preview
## Pre-packed
UI Frameworks
- Vuetify3 - Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.
Icons
- Iconify - use icons from any icon sets 🔍Icônes
- Pure CSS Icons via UnoCSS
Plugins
- Vue Router4
- VueUse - collection of useful composition APIs
- VuedDaggable - allowing drag-and-drop and synchronization with view model array.
- Vue-Masonry-Wall - Responsive masonry layout with SSR support and zero dependencies for Vue 3.
- Vue-Virtual-Scroller - Blazing fast scrolling of any amount of data
Try it now!
git clone https://github.com/yangjiakai/lux-admin-vuetify3.git
cd lux-admin-vuetify3
npm install
npm run dev
Set ApiKey
Find the .env.template file in the root directory, remove the .template suffix, and replace VITE_OPENAI_API_KEY, VITE_UNSPLASH_ACCESS_KEY, and VITE_GITHUB_CLIENT_ID with your own keys.
openai apikey： https://platform.openai.com/account/api-keys
unsplash apikey： https://unsplash.com/oauth/applications
github apikey： https://github.com/settings/tokens