kingyue737/vitify-electron

:electron: Vite + Vuetify + Electron, Opinionated Starter Template

Vitify with Electron

🖖 Vite + Vuetify 3 + Electron ⚛️
Opinionated Starter Template

Features

• ⚛️ Electron - Build cross-platform desktop apps with JavaScript, HTML, and CSS

• ⚡️ Vite 5, pnpm, ESBuild - born with fastness

• 🗂️ File based routing

• 📑 Layout system

• 🍍 State Management via Pinia

• 📥 APIs auto importing - use Composition API and others directly

• 🧪 Unit/Component Testing with Vitest + Testing Library

• 🧼 ESLint flat config with adapted @nuxt/eslint, future-proof

App Starter Template

• 🪟 Default layout with drawer, header(title bar) and footer (status bar)

• 🧭 Auto generated navigation drawer and breadcrumbs based on routes

• 🔔 Notification store

• 📉 Data visualization with vue-echarts

• 🎨 Theme color customization and dark mode

• 📱 Responsive layout

Variations

• vitify-nuxt - Vuetify 3 with Nuxt 3, the best DX 🔥🔥🔥

• vitify-next - Lightweight Vue 3 version without Electron

• vitify-admin - Vite + Vuetify 2, Opinionated Admin Stater Template

Usage

Development

Start a standalone Vue devtools and launch Vite dev server

pnpm dev

Build

To build the App, run

pnpm build

And you will see the generated executable and setup.exe in release folder.