Skip to content

Create the best admin based on Vue3.x, Vite5.x, TypeScript, Vuetify3.x, Chat GPT

License

Notifications You must be signed in to change notification settings

yangjiakai/lux-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation



Vuetify3



vue element-ui element-ui license


English | 简体中文| 日本語

📖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.

📖Other Versions

SPA Full Version: lux-vuetify3

SPA Simplified i18n Versionlux-vuetify3-i18n

SPA Simplified chinese Versionlux-vuetify3-zh

Nuxt3 version:

Nuxt3 Full Version lux-nuxt3

Nuxt3 Simplified Version lux-nuxt3-template

📖Documents

📚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

📈 Project Activity

Alt

💬Contact Me

💌Preview

DashBoard

ChatGPT

DataTable

ChatGPT

ChatGPT

Card

Color

Gradient

ChatGPT

ChatGPT

ChatGPT


📦Pre-packed

🏷️ UI Frameworks

  • Vuetify3 - Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.

🏷️ Icons

🏷️ Plugins

👻Try it now!

git clone https://github.com/yangjiakai/lux-admin-vuetify3.git

cd lux-admin-vuetify3

yarn install

yarn dev

👻Docker it!

  1. Build the development environment image:

    docker-compose build dev
    
  2. Start the development environment:

    docker-compose up dev
    
  3. Build the production environment image:

    docker-compose build app
    
  4. Start the production environment:

    docker-compose up app
    

这应该能解决实时更新的问题。如果您还有任何疑问或遇到其他问题,请随时告诉我。

🔑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, and VITE_TTS_KEY and VITE_TTS_REGION 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

azure textToSpeech : https://speech.microsoft.com/