Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yangjiakai/lux-ui
Create the best admin based on Vue3.x, Vite5.x, TypeScript, Vuetify3.x, Chat GPT
https://github.com/yangjiakai/lux-ui
chatgpt firebase firebase-auth markdown mockjs openai pinia typscript vite vue3 vuetify vuetify3
Last synced: 3 days ago
JSON representation
Create the best admin based on Vue3.x, Vite5.x, TypeScript, Vuetify3.x, Chat GPT
- Host: GitHub
- URL: https://github.com/yangjiakai/lux-ui
- Owner: yangjiakai
- License: mit
- Created: 2022-12-22T01:09:54.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-25T08:31:48.000Z (5 months ago)
- Last Synced: 2024-09-07T09:46:12.500Z (5 months ago)
- Topics: chatgpt, firebase, firebase-auth, markdown, mockjs, openai, pinia, typscript, vite, vue3, vuetify, vuetify3
- Language: Vue
- Homepage: https://lux.vuetify3.com/
- Size: 14.7 MB
- Stars: 592
- Watchers: 8
- Forks: 134
- Open Issues: 5
-
Metadata Files:
- Readme: README.jp.md
- License: LICENSE
Awesome Lists containing this project
- awesome - Vuetify Lux - Themed admin panel   (🙌 Projects using Vuetify <a name="projects"></a> / Vuetify 3)
- awesome-ChatGPT-repositories - lux-ui - Create the best admin based on Vue3.x, Vite5.x, TypeScript, Vuetify3.x, Chat GPT (Openai)
README
ライブ・デモ
## 📖 序文
> 目標は、最も優れた Vuetify 3 の Admin オープンソーステンプレートを作成することです。
Vuetify の洗練されたテーマを基盤に、明確で効率的なプロジェクト構造を構築し、最新の技術フレームワークを統合しています。このプロジェクトは、さまざまな一般的な技術要件や機能に対応することを目指し、AI アシスタントを組み込むことで、よりインテリジェントな体験を提供します。さらに、すべてのページが複数のデバイスで適応的に表示されるようにし、シームレスなクロスプラットフォーム互換性を実現しています。
## 📖Other Versions
SPA Full Version: [lux-ui](https://github.com/yangjiakai/lux-nuxt3)
SPA Simplified i18n Version[lux-ui-i18n](https://github.com/yangjiakai/vuetify3-lux-admin-template-i18n)
SPA Simplified chinese Version[lux-ui-zh](https://github.com/yangjiakai/vuetify3-lux-admin-template-zh)
Nuxt3 version:
Nuxt3 Full Version [lux-nuxt3](https://github.com/yangjiakai/lux-nuxt3)
Nuxt3 Simplified Version [lux-nuxt3-template](https://github.com/yangjiakai/lux-nuxt3-template)
## 📖Documents
- 📖 [Document 1.0 Chinese](https://www.craft.me/s/tAMVv4hUxZIH6G)
## 📚 特徴
- 📖 [Vue 3.2](https://github.com/vuejs/core)
- 📖 [Vite 4.x](https://github.com/vitejs/vite)
- 📖 UI Framework [Vuetify 3](https://next.vuetifyjs.com/en/)
- 📖 TypeScript
- 📦 Component Auto Importing
- 🍍 [Pinia](https://pinia.vuejs.org/)
- 📔 ``
- 📚 Use icons from any icon sets in [Iconify](https://icon-sets.iconify.design/)
- ☁️ 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
## 💬 連絡
- Email <a href="mailto:[email protected]">[email protected]</a>
- Twitter https://twitter.com/baibaixiang
- Wechat <img src='/src/assets/wechat-qrcode.png' alt='DashBoard' width='300' />
## 💌 プレビュー
<img src='/src/assets/previews/DashBoard.png' alt='DashBoard' />
<img src='/src/assets/previews/TaskBoard.png' alt='ChatGPT' />
<img src='/src/assets/previews/DataTable.png' alt='DataTable' />
<img src='/src/assets/previews/Todo.png' alt='ChatGPT' />
<img src='/src/assets/previews/ChatGPT.png' alt='ChatGPT' />
<img src='/src/assets/previews/Card.png' alt='Card' />
<img src='/src/assets/previews/Color.png' alt='Color' />
<img src='/src/assets/previews/Gradient.png' alt='Gradient' />
<img src='/src/assets/previews/Login.png' alt='ChatGPT' />
<img src='/src/assets/previews/Unsplash.png' alt='ChatGPT' />
<img src='/src/assets/previews/Unsplash2.png' alt='ChatGPT' />
<br>
## 📦 プリパック
### 🏷️UI Frameworks
- [Vuetify3](https://next.vuetifyjs.com/en/) - Vuetify は、美しく手作りされた Vue コンポーネントで構成された、デザインスキル不要の UI フレームワークです。
### 🏷️Icons
- [Iconify](https://iconify.design) - 任意のアイコンセットを使用 [🔍Icônes](https://icones.netlify.app/)
- [Pure CSS Icons via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
### 🏷️ プラグイン
- [Vue Router4](https://router.vuejs.org/)
- [VueUse](https://github.com/antfu/vueuse) - 便利なコンポジション API 集
- [VuedDaggable](https://github.com/SortableJS/Vue.Draggable) - 配列モデルと同期したドラッグ＆ドロップによる配置操作が可能
- [Vue-Masonry-Wall](https://github.com/DerYeger/yeger/tree/main/packages/vue-masonry-wall) -Vue 3 のレスポンシブな Masonry レイアウト SSR をサポートしています
- [Vue-Virtual-Scroller](https://github.com/Akryum/vue-virtual-scroller) - 超高速の任意のデータ量のスクロール
## 👻 今すぐ試す!
```
git clone https://github.com/yangjiakai/lux-admin-vuetify3.git
cd lux-admin-vuetify3
yarn install
yarn dev
```
## 👻Docker it!
1. 开发环境构建镜像：
```
docker-compose build dev
```
2. 启动开发环境：
```
docker-compose up dev
```
3. 生产环境构建镜像：
```
docker-compose build app
```
4. 启动生产环境：
```
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/