15 Electron Templates and Starters to Build Desktop Apps Faster

Electron is a framework that allows developers to build cross-platform desktop applications using web technologies such as HTML, CSS, and JavaScript. It provides a runtime environment that enables these web technologies to interact with native APIs and capabilities of the operating system.

Electron Starter and Boilerplate Templates are resources that help developers kickstart their Electron projects. They provide a basic project structure, configuration files, and often include pre-built functionality or libraries to help accelerate the development process. These templates serve as a foundation for building Electron applications and can be customized and extended based on specific project requirements.

1- Electron Quick Start

This is a minimal Electron application based on the Quick Start Guide within the Electron documentation.

GitHub - electron/electron-quick-start: Clone to try a simple Electron app

Clone to try a simple Electron app. Contribute to electron/electron-quick-start development by creating an account on GitHub.

GitHubelectron

2- Electron React Boilerplate

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

GitHub - electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps

A Foundation for Scalable Cross-Platform Apps. Contribute to electron-react-boilerplate/electron-react-boilerplate development by creating an account on GitHub.

GitHubelectron-react-boilerplate

3- Electron.js Quickstart

Ready to use Electron Starter.

GitHub - MichaelCurrin/electron-quickstart: Boilerplate for a simple Electron app

Boilerplate for a simple Electron app. Contribute to MichaelCurrin/electron-quickstart development by creating an account on GitHub.

GitHubMichaelCurrin

4- ElectroVite, React apps with Electron & ViteJS

GitHub - guasam/electrovite-react: A prebuilt project for creating desktop apps using Electron, React, ViteJS with blazing fast hot-reload, easy to use custom import aliases & executable builds for distribution.

A prebuilt project for creating desktop apps using Electron, React, ViteJS with blazing fast hot-reload, easy to use custom import aliases & executable builds for distribution. - GitHub - guasa…

GitHubguasam

5- Vite + React + Typescript + Electron - Starter

This very simple Starter template, utilizes Vite, Tailwind, React, Typescript and Electron.

By default, the React framework is used for the interface, but you can easily use any other framework such as Vue, Preact, Angular, Svelte or anything else.

GitHub - maxstue/vite-reactts-electron-starter: Starter using Vite2 + React + Typescript + Tailwind + Electron Starter.

Starter using Vite2 + React + Typescript + Tailwind + Electron Starter. - GitHub - maxstue/vite-reactts-electron-starter: Starter using Vite2 + React + Typescript + Tailwind + Electron Starter.

GitHubmaxstue

6- Sveltekit + Electron

Minimal Sveltekit + Electron starter template.

GitHub - FractalHQ/sveltekit-electron: Minimal Sveltekit + Electron starter template.

Minimal Sveltekit + Electron starter template. Contribute to FractalHQ/sveltekit-electron development by creating an account on GitHub.

GitHubFractalHQ

7- electron-boilerplate

This is a Minimalistic, very easy to understand boilerplate for Electron runtime. Tested on Windows, macOS, and Linux.

This project contains only bare minimum of tooling and dependencies to provide you with simple to understand and extensible base (but still, this is a fully functional Electron environment). The boilerplate doesn't impose on you any frontend technologies, so feel free to pick your favorite.

GitHub - szwacz/electron-boilerplate: Boilerplate application for Electron runtime

Boilerplate application for Electron runtime. Contribute to szwacz/electron-boilerplate development by creating an account on GitHub.

GitHubszwacz

8- Vite Electron Builder Boilerplate (TypeScript)

This is a template for secure electron applications. Written following the latest safety requirements, recommendations and best practices.

Under the hood is Vite — A next-generation blazing fast bundler, and electron-builder for packaging.

GitHub - cawa-93/vite-electron-builder: Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla

Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla - GitHub - cawa-93/vite-electron-builder: Secure boilerplate for Electron app based on Vite. TypeScr…

GitHubcawa-93

9- Electron React Boilerplate

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

GitHub - electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps

A Foundation for Scalable Cross-Platform Apps. Contribute to electron-react-boilerplate/electron-react-boilerplate development by creating an account on GitHub.

GitHubelectron-react-boilerplate

10- Electron Quick Start

This is an Electron Quick Start that you can clone, run and start using to build your own Electron-based app.

GitHub - electron/electron-quick-start: Clone to try a simple Electron app

Clone to try a simple Electron app. Contribute to electron/electron-quick-start development by creating an account on GitHub.

GitHubelectron

11- Secure Electron Template

A current electron app template with the most popular frameworks, designed and built with security in mind. (If you are curious about what makes an electron app secure, please check out this page).

GitHub - reZach/secure-electron-template: The best way to build Electron apps with security in mind.

The best way to build Electron apps with security in mind. - GitHub - reZach/secure-electron-template: The best way to build Electron apps with security in mind.

GitHubreZach

12- Angular and Electron

Bootstrap and package your project with Angular 16 and Electron 25 (Typescript + SASS + Hot Reload) for creating Desktop applications.

Currently runs with:

• Angular v16.1.3
• Electron v25.2.0

With this sample, you can:

• Run your app in a local development environment with Electron & Hot reload
• Run your app in a production environment
• Package your app into an executable file for Linux, Windows & Mac

GitHub - maximegris/angular-electron: Ultra-fast bootstrapping with Angular and Electron :speedboat:

Ultra-fast bootstrapping with Angular and Electron :speedboat: - GitHub - maximegris/angular-electron: Ultra-fast bootstrapping with Angular and Electron :speedboat:

GitHubmaximegris

13- generator-electron

Scaffold out an Electron app boilerplate.

GitHub - sindresorhus/generator-electron: Scaffold out an Electron app boilerplate

Scaffold out an Electron app boilerplate. Contribute to sindresorhus/generator-electron development by creating an account on GitHub.

GitHubsindresorhus

14- Nextron

Nextron allows you to build an Electron-based app quickly using Next.js.

Build Desktop Application with Next.js and Electron using Nextron

Next.js is a fashionable React framework for building web application. Some may argue that it is not suitable for building desktop apps, but they are wrong. It can be used to a powerful desktop apps using Nextron which is a starter for Electron + Next.js. Electron is a free

MEDevel.comHamza Mousa

GitHub - saltyshiomix/nextron: ⚡ Next.js + Electron ⚡

⚡ Next.js + Electron ⚡. Contribute to saltyshiomix/nextron development by creating an account on GitHub.

GitHubsaltyshiomix

15- Nuxt Electron

 An Electron & Nuxt.js / Vue.js quick start boilerplate.

The included features are:

• Auto-updating for easy development *
• ES6/ES7 compilation without any extra work *
• Typescript support [WIP](only in renderer process for now)
• Parallel code compilation
• Installed latest vue-devtools(opens new window)
• Ability to easily package your electron app using electron-builder(opens new window)
• Configured ESLint (standard (opens new window)code style) with support for typescript linting**
• Built-in support for CSS pre-processor: **
  • Sass (scss)
  • LESS
  • Stylus
• Pre-installed UI components framework: **
  • Buefy(opens new window)
  • Vuetify(opens new window)
  • Element(opens new window)
• Pre-installed icon set for offline usage: **
  • Font Awesome 5(opens new window)
  • Material Design Icon(opens new window)
• Unit Testing (vue-test-utils (opens new window)+ AVA (opens new window)) **
• End-to-end Testing (Spectron (opens new window)+ AVA (opens new window)) **

GitHub - michalzaq12/electron-nuxt: ⚡ An Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools

⚡ An Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools - GitHub - michalzaq12/electron-nuxt: ⚡ An Electron & Nux…

GitHubmichalzaq12

Electron-nuxt

An Electron & Nuxt.js / Vue.js quick start boilerplate