Live Demo

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

• 📖 Document 1.0 Chinese

📚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

💌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/CryptoNinja0331/Vuetify3_Template.git

cd ChatbotVue3

yarn install

yarn 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, 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/