A minimal Svelte + Electron starter template that keeps only the basic path of building, bundling, watching, and loading the renderer process
SvelteStarter
svelte-electron-template — Svelte Starter Template
By chuanqisun
A minimal starter template for running Svelte in Electron, using npm start to build, bundle, and watch, and loading the Svelte app as the renderer process.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided previewTop of page
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Browser-side code uses ES6 import; relative-path components and node_modules dependencies are both bundled
Node-side code uses CommonJS require; modules are not bundled and are resolved at runtime
The README clearly distinguishes the two import methods and notes not to use require to load modules that need bundling
Uses the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
This template is positioned as a minimal Svelte + Electron starter. The README states only one thing: use `npm start` to build, bundle, and watch the Svelte app, then load it in Electron as the renderer thread. It provides no additional UI structure or feature modules, making it suitable for those who want to organize the Electron main process and Svelte rendering layer from scratch.
Module import methods are explicitly divided into two categories. Code targeting the browser environment uses ES6 `import`, which can bring in Svelte components or utility functions from relative paths, as well as packages from node_modules (such as writable from svelte/store); these modules are bundled. Code targeting Node uses CommonJS `require()`, and these modules are not bundled but resolved at runtime, such as electron, path, and fs. The README specifically warns against using `require()` to load modules that need bundling, such as svelte/store.
The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and the full MIT license notice are retained when distributing. The code is provided as is. Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses; external services such as domains, hosting, databases, payments, or AI may incur separate charges.
SvelteLauncher
Is it right for your project?
Use Cases
- Quickly verifying how a Svelte component runs in an Electron renderer process
- Needing an Electron + Svelte starting point without extra UI structure that can be extended independently
- Using both browser-side bundled modules and Node-side runtime modules in the same project
Suitable For
- Developers familiar with npm and basic Electron concepts who want to organize the main process and rendering layer themselves
- Svelte users who need minimal dependencies and can accept building the project structure from scratch
- Scenarios for learning or prototype validation, rather than directly serving as a complete product skeleton
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Running `npm start` builds, bundles, and watches the Svelte app, then loads it as the renderer thread into Electron
- 2
Browser-side modules use ES6 import and are bundled; Node-side modules use CommonJS require, are not bundled, and are resolved at runtime
- 3
Do not use require() to load modules that need bundling, such as svelte/store
- 4
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice
- 5
Third-party assets such as demo images, fonts, and icons must have their licenses checked separately; external services may incur separate charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/chuanqisun/svelte-electron-template/blob/master/LICENSEhttps://github.com/chuanqisun/svelte-electron-template/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 60 / 100
- Technologies
- Svelte
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2022-12-09
- Screenshot last checked
- 2026-10-02
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies Svelte as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: c58c70e277727e495dba12eab0cb98f05aa99fd23d55a8d7bf4d9fc1b3ca3a02
2026-10-02T17:30:30.114Z
Source file / repository# Svelte Electron Template
The bare minimum boilerplate to use svelte in electron
## Quick start
`npm start` to build, bundle, and watch the svelte app, then load it as renderer thread in an electon app.
## Import modules for **browser**
Use ES6 `import`. The modules will be bundled.
```javascript
// you can import from relative path
import MyComponent from './MyComponent.svelte';
import { myUtilFunc } from './MyUtilFunc';
// or from node modules
import { writable } from 'svelte/store';
```
## Import modules for **node**
Use CommonJS `require()`. The modules will NOT be bundled. The import will be resolved at runtime.
```javascript
const app = require('electron').remote.app;
const path = require('path');
const fs = require('fs');
// DON'T do this. It will NOT be bundled!
const { writable } = require('svelte/store');
```
Explore similar templates
Compare previews and descriptions within the same stack and category.
CMSaasStarter
CMSaasStarter is an MIT-licensed SaaS starter template built with SvelteKit, TailwindCSS, DaisyUI, and Supabase, with Stripe Checkout and Stripe Portal for payments.
Svelte · Admin dashboard
sveltekit-electron
A minimal SvelteKit + Electron starter template for cross-platform desktop applications. It provides clone, install, development, and build commands, with build targets adjustable in package.json and defaulting to Mac, Windows, and Linux.
Svelte · Starter
tauri-sveltekit
A minimal Tauri 2 and SvelteKit desktop starter template that builds the frontend as a static SPA via @sveltejs/adapter-static and loads it in Tauri's WebView.
Svelte · Starter
modernstack-saas
A SaaS starter template built with SvelteKit, Convex, Better Auth, and shadcn-svelte. It includes subscription billing via Autumn/Stripe, user and admin dashboards, user settings, organization multi-tenancy with roles and invitations, and a waitlist mode that can disable public registration.
Svelte · Admin dashboard
sveltekit-mdsvex-blog-template
A SvelteKit and MDsveX blog starter for Markdown writing with embedded Svelte components, Tailwind CSS typography, tags, dark mode, SEO metadata, and Cloudflare Workers deployment configuration. Requires Node.js 22.12+ and pnpm 11.17.0; third-party demo assets need separate license verification.
Svelte · Portfolio
sveltekit-shadcn-blog-starter
A SvelteKit blog starter that combines shadcn-svelte, Tailwind CSS, MDsveX, and TypeScript, offering multi-author support, tag archives, built-in search, light/dark themes, and automatic sitemap and RSS generation.
Svelte · Blog