🚀 React + TypeScript + Vite + Electron Desktop App Template

A modern desktop application template built with:

• ⚡ Vite (Blazing-fast build tool)
• 🖥️ Electron (Cross-platform desktop apps)
• 🎨 Tailwind CSS + ShadcnUI (Beautiful, customizable UI)
• 📘 TypeScript (Type-safe JavaScript)
• ✨ Lucide Icons (Clean, consistent icons)

✨ Features

✅ Pre-configured with Vite + React + TypeScript
✅ Electron integration for desktop apps (Windows, macOS, Linux)
✅ Tailwind CSS with dark/light mode support
✅ ShadcnUI components for a polished UI
✅ Lucide Icons included for beautiful vector icons
✅ HMR (Hot Module Replacement) for faster development
✅ ESLint + Prettier for clean, consistent code

🛠️ Quick Start

1. Clone the Repository

git clone https://github.com/faresmdh/vite-react-tailwind-shadcn-electron-template.git
cd vite-react-tailwind-shadcn-electron-template

2. Install Dependencies

npm install

3. Run in developement mode

npm run electron-dev

📂 Project structure

├── electron/  
│   ├── main.cjs          # Electron main process  
│   ├── preload.cjs       # Electron preload file
├── src/                  
│   ├── assets/           # Contains project images
│   ├── componnents/           
│   │   ├── ui/           # Contains shadcn ui componnents (containing button and card only, add as your needs)
│   ├── main.tsx          # app entry    

📜 License

MIT © Fares Meddahi

🔗 More Resources

• Vite Docs
• Electron Guide
• ShadcnUI Documentation
• Tailwind CSS Docs
• Lucide Icons