15 Electron Templates and Starters to Build Desktop Apps Faster

Photo by Kari Shea / Unsplash

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.

2- Electron React Boilerplate

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

3- Electron.js Quickstart

Ready to use Electron Starter.

4- ElectroVite, React apps with Electron & ViteJS

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.

6- Sveltekit + Electron

Minimal Sveltekit + Electron starter template.

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.

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.

9- Electron React Boilerplate

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

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.

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).

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

13- generator-electron

Scaffold out an Electron app boilerplate.

14- Nextron

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

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: **
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)) **

Introducing Codever: The Ultimate Self-hosted Tool for Developers and Freelancers.

Harnessing the Power of Osmos::memo - A Browser Bookmark Manager with Full Github Backend

18 Free Open-Source Library Management Systems for Various Library Types

Linkwarden - Self-hosted Free Bookmark Manager for Teams and Communities