Electron Vite

This is a complete template for building beautiful desktop applications with Electron, Vite, ShadCN, and Tailwind CSS, incorporating essential libraries and tools for a streamlined development process, including TypeScript, React, Jest for testing, and Electron Forge for packaging.

Vite.js Tailwind Shadcn-UI Typescript Templates Desktop Electron.js

Strahinja•December 22, 2024

Project image

Project image

Project image

Project image

Click on the image to see it in full screen

A complete template to build beautiful desktop applications with Electron.

Libraries and Tools

Core: Electron, Vite, SWC
DX: TypeScript, Prettier, Zod, React Query
UI: React, Tailwind CSS, Shadcn UI, i18next
Testing: Jest, Playwright, React Testing Library
Packaging: Electron Forge

Project Preferences

Context isolation enabled
Custom title bar
Outfit font as default

NPM Scripts

dev: Run the app in dev mode
package: Create platform-specific executable
make: Build platform-specific distributables
test: Run Jest and Playwright tests