Skip to content

An electron-react App template that integrates light and dark themes, multi-language interfaces, login redirects, and persistent states, based on electron-react-boilerplat v4.6.0 (2025)

License

Notifications You must be signed in to change notification settings

12343954/electron-react-boilerplate

 
 

Repository files navigation

Light Dark


Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.


Build Status Github Tag Discord

OpenCollective OpenCollective StackOverflow

1. Features

🔥 Light/Dark themes  
🎯 Multi-language switching  
🧩 Login authentication, Jump between multiple pages  
🎨 Persistent login status and language  
🌟 Use the latest third-party libraries
🌀 Coding in class component mode, hate hook functions in function components
🎁 Works out of the box  

2. Development environment:

  1. node v22.14.0

  2. only install via npm, no yarn etc.

  3. Important dependencies:

    "dependencies": {
        "@reduxjs/toolkit": "^2.6.1",
        "electron-debug": "^4.1.0",
        "electron-log": "^5.3.2",
        "electron-updater": "^6.3.9",
        "i18next": "^24.2.3",
        "react": "^19.0.0",
        "react-dom": "^19.0.0",
        "react-i18next": "^15.4.1",
        "react-redux": "^9.2.0",
        "react-router-dom": "^7.3.0"
      },
      "devDependencies": {
        "electron": "^35.0.2",
        "electron-builder": "^25.1.8",
        "electron-devtools-installer": "^4.0.0",
        "electronmon": "^2.0.3",
        "sass-loader": "^16.0.5",
        "style-loader": "^4.0.0",
        "typescript": "^5.8.2",
        "webpack": "^5.98.0",
      },

3. Install

Clone the repo and install dependencies with npm:

git clone --depth 1 --branch main https://github.com/12343954/electron-react-boilerplate your-project-name
cd your-project-name
npm install

Having issues installing? See our debugging guide

4. Starting Development

Start the app in the dev environment:

npm start

5. Packaging for Production

To package apps for the local platform:

npm run package

6. Docs

See our docs and guides here

7. Community

Join our Discord: https://discord.gg/Fjy3vfgy5q

8. Sponsors

9. Donations

Donations will ensure the following:

  • 🔨 Long term maintenance of the project
  • 🛣 Progress on the roadmap
  • 🐛 Quick responses to bug reports and help requests

10. Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

Maintainers

License

MIT © Electron React Boilerplate

Packages

No packages published

Languages

  • TypeScript 85.5%
  • JavaScript 10.5%
  • SCSS 3.6%
  • EJS 0.4%