{"id":13532837,"url":"https://github.com/yangjiakai/lux-ui","last_synced_at":"2025-04-12T22:36:08.970Z","repository":{"id":65310404,"uuid":"580987861","full_name":"yangjiakai/lux-ui","owner":"yangjiakai","description":"Create the best admin based on Vue3.x, Vite5.x, TypeScript, Vuetify3.x, Chat GPT","archived":false,"fork":false,"pushed_at":"2024-08-25T08:31:48.000Z","size":15415,"stargazers_count":592,"open_issues_count":5,"forks_count":134,"subscribers_count":8,"default_branch":"main","last_synced_at":"2024-09-07T09:46:12.500Z","etag":null,"topics":["chatgpt","firebase","firebase-auth","markdown","mockjs","openai","pinia","typscript","vite","vue3","vuetify","vuetify3"],"latest_commit_sha":null,"homepage":"https://lux.vuetify3.com/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yangjiakai.png","metadata":{"files":{"readme":"README.jp.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-12-22T01:09:54.000Z","updated_at":"2024-09-04T09:07:12.000Z","dependencies_parsed_at":"2024-02-21T11:24:27.732Z","dependency_job_id":"855eaa7e-4e74-4840-bf99-b50bdabc6a54","html_url":"https://github.com/yangjiakai/lux-ui","commit_stats":null,"previous_names":["yangjiakai/lux-admin-vuetify3"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangjiakai%2Flux-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangjiakai%2Flux-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangjiakai%2Flux-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangjiakai%2Flux-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yangjiakai","download_url":"https://codeload.github.com/yangjiakai/lux-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248642702,"owners_count":21138352,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chatgpt","firebase","firebase-auth","markdown","mockjs","openai","pinia","typscript","vite","vue3","vuetify","vuetify3"],"created_at":"2024-08-01T07:01:14.172Z","updated_at":"2025-04-12T22:36:08.945Z","avatar_url":"https://github.com/yangjiakai.png","language":"Vue","funding_links":[],"categories":["🙌 Projects using Vuetify \u003ca name=\"projects\"\u003e\u003c/a\u003e","Openai"],"sub_categories":["Vuetify 3"],"readme":"\u003cbr\u003e\u003cbr\u003e\n\n\u003cp align='center' \u003e\n  \u003cimg  src='/src/assets/logo.png' alt='Vuetify3' width='300'/\u003e\n\u003c/p\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://vuejs.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vue-v3.2.47-brightgreen.svg\" alt=\"vue\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://vuetifyjs.com/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vuetify-v3.1.13-blue.svg\" alt=\"element-ui\"\u003e\n  \u003c/a\u003e\n    \u003ca href=\"https://vitejs.dev/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/vite-v4.2.1-blueviolet.svg\" alt=\"element-ui\"\u003e\n  \u003c/a\u003e\n  \n  \u003ca href=\"https://github.com/yangjiakai/lux-admin-vuetify3/blob/main/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/mashape/apistatus.svg\" alt=\"license\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch4 align='center'\u003e\n\u003ca href=\"https://lux.vuetify3.com/\"\u003eライブ・デモ\u003c/a\u003e\n\u003c/h4\u003e\n\n\u003cbr\u003e\n\n\u003cp align='center'\u003e\n\u003ca href=\"https://github.com/yangjiakai/jk-vuetify3-lux-admin/blob/main/README.md\"\u003eEnglish\u003c/a\u003e | \u003ca href=\"https://github.com/yangjiakai/jk-vuetify3-lux-admin/blob/main/README.zh-CN.md\"\u003e简体中文\u003c/a\u003e| \u003cb \u003e日本語\u003c/b\u003e\n\u003c/p\u003e\n\n## 📖 序文\n\n\u003e 目標は、最も優れた Vuetify 3 の Admin オープンソーステンプレートを作成することです。\n\nVuetify の洗練されたテーマを基盤に、明確で効率的なプロジェクト構造を構築し、最新の技術フレームワークを統合しています。このプロジェクトは、さまざまな一般的な技術要件や機能に対応することを目指し、AI アシスタントを組み込むことで、よりインテリジェントな体験を提供します。さらに、すべてのページが複数のデバイスで適応的に表示されるようにし、シームレスなクロスプラットフォーム互換性を実現しています。\n\n## 📖Other Versions\n\nSPA Full Version: [lux-ui](https://github.com/yangjiakai/lux-nuxt3)\n\nSPA Simplified i18n Version[lux-ui-i18n](https://github.com/yangjiakai/vuetify3-lux-admin-template-i18n)\n\nSPA Simplified chinese Version[lux-ui-zh](https://github.com/yangjiakai/vuetify3-lux-admin-template-zh)\n\nNuxt3 version:\n\nNuxt3 Full Version [lux-nuxt3](https://github.com/yangjiakai/lux-nuxt3)\n\nNuxt3 Simplified Version [lux-nuxt3-template](https://github.com/yangjiakai/lux-nuxt3-template)\n\n## 📖Documents\n\n- 📖 [Document 1.0 Chinese](https://www.craft.me/s/tAMVv4hUxZIH6G)\n\n## 📚 特徴\n\n- 📖 [Vue 3.2](https://github.com/vuejs/core)\n- 📖 [Vite 4.x](https://github.com/vitejs/vite)\n- 📖 UI Framework [Vuetify 3](https://next.vuetifyjs.com/en/)\n- 📖 TypeScript\n- 📦 Component Auto Importing\n- 🍍 [Pinia](https://pinia.vuejs.org/)\n- 📔 `\u003cscript setup\u003e`\n- 📚 Use icons from any icon sets in [Iconify](https://icon-sets.iconify.design/)\n- ☁️ Deploy on Netlify, zero-config\n- 🔑 Firebase auth\n- 📈 Echarts, ApexChart\n- 🧭 Openai, Chatgpt\n- 🌍 vue-i18n\n- 📚 virtual-scroller , vuedraggable , perfect-scrollbar\n- 📝 Rich Text Editor\n- 📇 Responsive multi-platform adaptive\n\n## 📈 Project Activity\n\n![Alt](https://repobeats.axiom.co/api/embed/306361b2af1a8556f64a0a828e1726a94bff36f0.svg \"Repobeats analytics image\")\n\n## 💬 連絡\n\n- Email \u003ca href=\"mailto:yjkbako@gmail.com\"\u003eyjkbako@gmail.com\u003c/a\u003e\n- Twitter https://twitter.com/baibaixiang\n- Wechat \u003cimg  src='/src/assets/wechat-qrcode.png'  alt='DashBoard' width='300' /\u003e\n\n## 💌 プレビュー\n\n\u003cimg  src='/src/assets/previews/DashBoard.png'  alt='DashBoard' /\u003e\n\u003cimg  src='/src/assets/previews/TaskBoard.png'  alt='ChatGPT' /\u003e\n\u003cimg  src='/src/assets/previews/DataTable.png'  alt='DataTable' /\u003e\n\u003cimg  src='/src/assets/previews/Todo.png'  alt='ChatGPT' /\u003e\n\u003cimg  src='/src/assets/previews/ChatGPT.png'  alt='ChatGPT' /\u003e\n\u003cimg  src='/src/assets/previews/Card.png'  alt='Card' /\u003e\n\u003cimg  src='/src/assets/previews/Color.png'  alt='Color' /\u003e\n\u003cimg  src='/src/assets/previews/Gradient.png'  alt='Gradient' /\u003e\n\u003cimg  src='/src/assets/previews/Login.png'  alt='ChatGPT' /\u003e\n\u003cimg  src='/src/assets/previews/Unsplash.png'  alt='ChatGPT' /\u003e\n\u003cimg  src='/src/assets/previews/Unsplash2.png'  alt='ChatGPT' /\u003e\n\n\u003cbr\u003e\n\n## 📦 プリパック\n\n### 🏷️UI Frameworks\n\n- [Vuetify3](https://next.vuetifyjs.com/en/) - Vuetify は、美しく手作りされた Vue コンポーネントで構成された、デザインスキル不要の UI フレームワークです。\n\n### 🏷️Icons\n\n- [Iconify](https://iconify.design) - 任意のアイコンセットを使用 [🔍Icônes](https://icones.netlify.app/)\n- [Pure CSS Icons via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)\n\n### 🏷️ プラグイン\n\n- [Vue Router4](https://router.vuejs.org/)\n- [VueUse](https://github.com/antfu/vueuse) - 便利なコンポジション API 集\n- [VuedDaggable](https://github.com/SortableJS/Vue.Draggable) - 配列モデルと同期したドラッグ＆ドロップによる配置操作が可能\n- [Vue-Masonry-Wall](https://github.com/DerYeger/yeger/tree/main/packages/vue-masonry-wall) -Vue 3 のレスポンシブな Masonry レイアウト SSR をサポートしています\n- [Vue-Virtual-Scroller](https://github.com/Akryum/vue-virtual-scroller) - 超高速の任意のデータ量のスクロール\n\n## 👻 今すぐ試す!\n\n```\ngit clone https://github.com/yangjiakai/lux-admin-vuetify3.git\n\ncd lux-admin-vuetify3\n\nyarn install\n\nyarn dev\n```\n\n## 👻Docker it!\n\n1. 开发环境构建镜像：\n\n   ```\n   docker-compose build dev\n   ```\n\n2. 启动开发环境：\n\n   ```\n   docker-compose up dev\n   ```\n\n3. 生产环境构建镜像：\n\n   ```\n   docker-compose build app\n   ```\n\n4. 启动生产环境：\n   ```\n   docker-compose up app\n   ```\n\n### 🔑Set ApiKey\n\nFind 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.\n\n\u003e openai apikey： https://platform.openai.com/account/api-keys\n\n\u003e unsplash apikey： https://unsplash.com/oauth/applications\n\n\u003e github apikey： https://github.com/settings/tokens\n\n\u003e azure textToSpeech : https://speech.microsoft.com/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyangjiakai%2Flux-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyangjiakai%2Flux-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyangjiakai%2Flux-ui/lists"}