NuxtVueViteAdmin dashboardStarter

vitify-electron — Nuxt Admin dashboard Template

By kingyue737

A desktop application starter template based on Electron, Nuxt, and Vuetify, with a built-in drawer layout, automatic navigation, and a SQLite database example.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

A desktop application starter template combining Electron + Nuxt + Vuetify

02

The default layout includes a drawer, title bar, and status bar; the navigation drawer and breadcrumbs are generated automatically from routes

03

Uses Pinia for state management and provides a notification store

04

Implements typed IPC communication through @egoist/tipc

05

Integrates SQLite and Drizzle ORM as a data layer example

06

Includes nuxt-echarts data visualization, theme color customization, and dark mode

Template Details

vitify-electron is a starter template for desktop admin applications that combines Electron with Nuxt and Vuetify to build cross-platform desktop programs. The interface uses Nuxt's SPA mode and supports file-based routing, a layout system, and automatic component imports; state management uses Pinia; and the main process and renderer process communicate through @egoist/tipc for typed IPC. The project is configured as ESM and uses Rollup to handle CJS conversion in both the main and renderer processes. The data layer example uses SQLite with Drizzle ORM.

The template includes an application skeleton: the default layout contains a drawer, a header (title bar), and a footer (status bar); the navigation drawer and breadcrumbs are generated automatically from routes, and a notification store is provided. The interface also includes a data visualization example based on nuxt-echarts, theme color customization and dark mode, and a responsive layout.

For usage, run pnpm dev during development and pnpm build to build; the output is an executable and setup.exe, placed in the release directory. The platform progress in the README shows Windows 11 and Windows 10 as complete, while Linux and macOS remain to-do, so the template's desktop packaging support is currently Windows-first. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons must be checked separately for licensing.

NuxtVueViteAdmin panelLauncher

Is it right for your project?

Use Cases

  • Projects that need to quickly set up an Electron desktop admin application skeleton
  • Development scenarios that want to reuse Nuxt file routing, layouts, and automatic component imports on desktop
  • Desktop applications that need type-safe IPC communication between the main process and the renderer process
  • Local data storage scenarios that need to integrate SQLite and an ORM in a desktop application

Suitable For

  • Developers using the Vue and Nuxt stack who are preparing to build desktop admin interfaces
  • Starter projects that need a default layout with drawer navigation, a title bar, and a status bar
  • Projects targeting Windows as the primary platform and requiring executable and installer outputs

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Run pnpm dev for the development environment and pnpm build to build

  2. 2

    The build output is an executable and setup.exe, placed in the release directory

  3. 3

    The platform progress in the README shows Windows 11 and Windows 10 as complete, while Linux and macOS remain to-do

  4. 4

    The repository uses the MIT license; when distributing, retain the copyright notice and license notice

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially, and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The README TODO shows that Linux and macOS platform support is not yet complete, and only Windows 11 and Windows 10 are marked as complete, so desktop packaging capability is currently Windows-first, and other platforms may not build or run properly.
  • The build output is an executable and a setup.exe installer, located in the release directory, which is a Windows platform packaging format.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

- [ ] Linux - [ ] MacOS

Original README

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

Original README
https://github.com/kingyue737/vitify-electron/blob/main/LICENSEhttps://github.com/kingyue737/vitify-electron/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 74 / 100
Technologies
Nuxt · Vue · Vite
Website type
Admin dashboard · Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-06-29
Screenshot last checked
2026-10-02

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 8819804bb8ad1d4d62848eeb56be358c92be5d6fe6f356f312909fdbd72d447b

2026-10-02T17:23:21.202Z

Source file / repository
<p align="center">
<img src="https://github.com/user-attachments/assets/88ba1bd2-4a56-484b-ae58-98a90c6ba97c" width="800"/>
</p>

<h2 align="center">
<a href="https://github.com/kingyue737/vitify-nuxt">Vitify</a> with Electron
</h2><br>

<pre align="center">
⚛️ Electron + Nuxt + Vuetify
Opinionated Starter Template
</pre>

## Features

- ⚛️ [Electron](https://github.com/electron/electron) - Build cross-platform desktop apps with JavaScript, HTML, and CSS

- 💚 [Nuxt](https://nuxt.com/) - SPA, File-based routing, Layout system, components auto importing, modules, etc

- 🍍 [State Management via Pinia](https://pinia.vuejs.org/)

- 🧼 [ESLint flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new) powered by [@nuxt/eslint](https://github.com/nuxt/eslint), future-proof

- 🦾 Typed IPC communication powered with [`@egoist/tipc`](https://github.com/egoist/tipc)

- 📦 ESM Only - Configured [Rollup](https://rollupjs.org/) to transform CJS both in your main/renderer processes

- 💾 Database - [SQLite](https://www.sqlite.org/) + [Drizzle ORM](https://orm.drizzle.team/), next gen TypeScript ORM DX

### 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 [nuxt-echarts](https://github.com/kingyue737/nuxt-echarts)

- 🎨 Theme color customization and dark mode

- 📱 Responsive layout

## Variations

- [vitify-nuxt](https://github.com/kingyue737/vitify-nuxt) - Vuetify 3 with Nuxt 3, the best DX 🔥🔥🔥

- [vitify-next](https://github.com/kingyue737/vitify-next) - Lightweight Vue 3 version without Electron
- [vitify-admin](https://github.com/kingyue737/vitify-electron) - Vite + Vuetify 2, Opinionated Admin Stater Template

## TODO

- [x] Windows 11
- [x] Windows 10
- [ ] Linux
- [ ] MacOS

## Usage

### Development

```bash
pnpm dev
```

### Build

To build the App, run

```bash
pnpm build
```

And you will see the generated executable and `setup.exe` in `release` folder.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

laravel-nuxt

laravel-nuxt

A Laravel + Nuxt decoupled starter kit with built-in login, registration, email verification, password reset, and Socialite third-party login (GitHub example), switchable between SPA and SSR.

Nuxt · Starter

dashboard

dashboard

A dashboard template built on Nuxt and Nuxt UI, offering multiple pages, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette.

Nuxt · Admin dashboard

nuxt-shadcn-dashboard

nuxt-shadcn-dashboard

A backend dashboard template built with Nuxt, Shadcn Vue, and TailwindCSS. It offers configurable sidebar collapse modes (offcanvas, icon, none), positions, and styles (sidebar, floating, inset), along with nine theme colors and three theme types.

Nuxt · Admin dashboard

canvas

canvas

Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.

Nuxt · Portfolio

nuxt3-starter

nuxt3-starter

A Nuxt 3 starter template generated by nuxi, preconfigured with UnoCSS, unplugin-icons, Pinia, and VueUse. It suits developers who need a quick Nuxt 3 project skeleton with atomic CSS and auto-import workflows, and is available under the MIT license.

Nuxt · Starter

starter

starter

The official Nuxt starter template for Nuxt UI, based on Nuxt and Vue. It provides a runnable project skeleton, an online demo, and Nuxt UI installation documentation, with README commands for creating, installing, developing, building, and previewing.

Nuxt · Starter