Electron Shadcn

electron-shadcn: Modern Electron Boilerplate with React & Tailwind

electron-shadcn is a robust starter template designed to accelerate the development of desktop applications using Electron. It comes pre-configured with a modern stack including Vite for fast builds, TypeScript for type safety, React for UI development, Tailwind CSS for styling, and shadcn-ui for a rich component library. This boilerplate provides a solid foundation, allowing developers to focus on building features rather than initial setup, and includes essential tools for an enhanced development experience.

Features:

• Core Framework: Electron 35 for cross-platform desktop applications.
• Build System: Vite 6 with SWC for rapid development and optimized builds.
• Language Support: TypeScript 5.8 for robust, type-safe code.
• UI Library: React 19 enabling modern user interface development, including React Compiler.
• Styling Solution: Tailwind CSS 4 for efficient utility-first styling.
• Component Set: Shadcn UI for a collection of accessible and customizable UI components.
• Data Management: React Query (TanStack) for streamlined server-state management.
• Navigation: TanStack Router for type-safe client-side routing.
• Internationalization Support: i18next pre-configured for multi-language applications.
• Comprehensive Testing: Vitest for unit tests and Playwright for end-to-end testing, with React Testing Library.
• Code Quality Tools: ESLint 9 and Prettier integrated for consistent linting and formatting.
• Application Packaging: Electron Forge for building and distributing platform-specific executables.
• Continuous Integration: Pre-configured GitHub Actions workflow for automated Playwright testing.
• Enhanced Window Control: Custom title bar implementation with titleBarStyle: hidden and IPC helpers.
• Developer Conveniences: Zod for schema validation, Geist default font, default styles, and pre-installed React DevTools.

Summary:

electron-shadcn offers a feature-rich boilerplate for developers to kickstart Electron projects. It integrates a comprehensive set of modern tools like Vite, React, TypeScript, Tailwind CSS, and shadcn-ui, along with testing, linting, and CI/CD configurations. This template aims to streamline the development process for creating beautiful and functional desktop applications, providing a well-structured starting point with many common development needs already addressed.