Electron React TailwindCSS shadcn/ui Template

A modern desktop application template built with Electron, React, TypeScript, TailwindCSS, and shadcn/ui components.

🚀 Features

• ⚡ Electron - Build cross-platform desktop apps
• ⚛️ React 18 - Modern React with hooks
• 🎨 TailwindCSS - Utility-first CSS framework
• 🎯 shadcn/ui - Beautiful and accessible UI components
• 📘 TypeScript - Type safety and better developer experience
• 🔥 Hot Reload - Fast development with React Fast Refresh
• 📦 Webpack - Module bundling and optimization

🛠️ Tech Stack

• Electron - Desktop app framework
• React - UI library
• TypeScript - Type safety
• TailwindCSS - CSS framework
• shadcn/ui - UI components
• Webpack - Module bundler
• React Fast Refresh - Hot reloading

📦 Installation

Clone the repository and install dependencies:

git clone <your-repo-url>
cd <your-project-name>
npm install

🚀 Development

Start the app in development mode:

npm start

📦 Building

To package the app for production:

npm run package

🎨 UI Components

This template includes pre-configured shadcn/ui components. To add new components:

npx shadcn-ui@latest add <component-name>

Available components: button, input, card, dialog, and many more from the shadcn/ui library.

📁 Project Structure

src/
├── main/          # Electron main process
├── renderer/      # React app
│   ├── components/
│   │   └── ui/    # shadcn/ui components
│   ├── lib/       # Utilities
│   └── ...
└── ...

� License

MIT License - feel free to use this template for your projects!

---

Happy coding! 🎉