diff --git a/apps/svelte.dev/.gitignore b/apps/svelte.dev/.gitignore
index 321615eddf..82cbd2da73 100644
--- a/apps/svelte.dev/.gitignore
+++ b/apps/svelte.dev/.gitignore
@@ -6,6 +6,8 @@
 /src/routes/_home/Supporters/contributors.js
 /src/routes/_home/Supporters/donors.jpg
 /src/routes/_home/Supporters/donors.js
+/scripts/svelte-template
+/static/svelte-template.json
 
 # git-repositories of synced docs go here
 /repos/
diff --git a/apps/svelte.dev/package.json b/apps/svelte.dev/package.json
index 64a7ab86f5..28a7e97e91 100644
--- a/apps/svelte.dev/package.json
+++ b/apps/svelte.dev/package.json
@@ -35,6 +35,7 @@
 		"ansi-to-html": "^0.7.2",
 		"base64-js": "^1.5.1",
 		"cookie": "^0.7.0",
+		"do-not-zip": "^1.0.0",
 		"d3-geo": "^3.1.0",
 		"d3-geo-projection": "^4.0.0",
 		"editor": "workspace:*",
@@ -72,6 +73,7 @@
 		"prettier-plugin-svelte": "^3.3.2",
 		"satori": "^0.10.13",
 		"satori-html": "^0.3.2",
+		"sv": "^0.6.8",
 		"svelte": "5.14.0",
 		"svelte-check": "^4.1.1",
 		"svelte-preprocess": "^6.0.3",
diff --git a/apps/svelte.dev/scripts/get_svelte_template.js b/apps/svelte.dev/scripts/get_svelte_template.js
new file mode 100644
index 0000000000..d525eaa3df
--- /dev/null
+++ b/apps/svelte.dev/scripts/get_svelte_template.js
@@ -0,0 +1,86 @@
+// @ts-check
+import { readdirSync, readFileSync, rmSync, statSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { create } from 'sv';
+
+// This download the currente Vite template from Github, adjusts it to our needs, and saves it to static/svelte-template.json
+// This is used by the Svelte REPL as part of the "download project" feature
+
+const force = process.env.FORCE_UPDATE === 'true';
+const output_file = fileURLToPath(new URL('../static/svelte-template.json', import.meta.url));
+const output_dir = fileURLToPath(new URL('./svelte-template', import.meta.url));
+
+try {
+	if (!force && statSync(output_file)) {
+		console.info(`[update/template] ${output_file} exists. Skipping`);
+		process.exit(0);
+	}
+} catch {
+	// create Svelte-Kit skelton app
+	create(output_dir, { template: 'minimal', types: 'typescript', name: 'your-app' });
+
+	function get_all_files(dir) {
+		const files = [];
+		const items = readdirSync(dir, { withFileTypes: true });
+
+		for (const item of items) {
+			const full_path = join(dir, item.name);
+			if (item.isDirectory()) {
+				files.push(...get_all_files(full_path));
+			} else {
+				files.push(full_path.replaceAll('\\', '/'));
+			}
+		}
+
+		return files;
+	}
+
+	const all_files = get_all_files(output_dir);
+	const files = [];
+
+	for (let path of all_files) {
+		const bytes = readFileSync(path);
+		const string = bytes.toString();
+		let data = bytes.compare(Buffer.from(string)) === 0 ? string : [...bytes];
+
+		if (path.endsWith('routes/+page.svelte')) {
+			data = `<script>\n\timport '../app.css';\n\timport App from './App.svelte';\n</script>\n\n<App />\n`;
+		}
+
+		files.push({ path: path.slice(output_dir.length + 1), data });
+	}
+
+	files.push({
+		path: 'src/routes/+page.js',
+		data:
+			"// Because we don't know whether or not your playground app can run in a server environment, we disable server-side rendering.\n" +
+			'// Make sure to test whether or not you can re-enable it, as SSR improves perceived performance and site accessibility.\n' +
+			'// Read more about this option here: https://svelte.dev/docs/kit/page-options#ssr\n' +
+			'export const ssr = false;\n'
+	});
+
+	// add CSS styles from playground to the project
+	const html = readFileSync(
+		join(output_dir, '../../../../packages/repl/src/lib/Output/srcdoc/index.html'),
+		{ encoding: 'utf-8' }
+	);
+	const css = html
+		.slice(html.indexOf('<style>') + 7, html.indexOf('</style>'))
+		.split('\n')
+		.map((line) =>
+			// remove leading \t
+			line.slice(3)
+		)
+		.join('\n')
+		.trimStart();
+	files.push({
+		path: 'src/app.css',
+		data: css
+	});
+
+	writeFileSync(output_file, JSON.stringify(files));
+
+	// remove output dir afterwards to prevent it messing with Vite watcher
+	rmSync(output_dir, { force: true, recursive: true });
+}
diff --git a/apps/svelte.dev/scripts/update.js b/apps/svelte.dev/scripts/update.js
index 41a4c2e9b6..9c25d958dc 100644
--- a/apps/svelte.dev/scripts/update.js
+++ b/apps/svelte.dev/scripts/update.js
@@ -9,3 +9,4 @@ const env = {
 
 fork(`${dir}/get_contributors.js`, { env });
 fork(`${dir}/get_donors.js`, { env });
+fork(`${dir}/get_svelte_template.js`, { env });
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
index f883a1ec62..51f0c2b51a 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	// @ts-expect-error no types
+	import * as doNotZip from 'do-not-zip';
 	import { browser } from '$app/environment';
 	import { afterNavigate, goto, replaceState } from '$app/navigation';
 	import type { Gist } from '$lib/db/types';
@@ -113,6 +115,43 @@
 		}
 	}
 
+	async function download() {
+		const { files: components, imports } = repl.toJSON();
+
+		const files: Array<{ path: string; data: string }> = await (
+			await fetch('/svelte-template.json')
+		).json();
+
+		if (imports.length > 0) {
+			const idx = files.findIndex(({ path }) => path === 'package.json');
+			const pkg = JSON.parse(files[idx].data);
+			const { devDependencies } = pkg;
+			imports.forEach((mod) => {
+				const match = /^(@[^/]+\/)?[^@/]+/.exec(mod)!;
+				devDependencies[match[0]] = 'latest';
+			});
+			pkg.devDependencies = devDependencies;
+			files[idx].data = JSON.stringify(pkg, null, '  ');
+		}
+
+		files.push(
+			...components.map((component) => ({
+				path: `src/routes/${component.name}`,
+				data: (component as File).contents
+			}))
+		);
+
+		const url = URL.createObjectURL(doNotZip.toBlob(files));
+		const link = document.createElement('a');
+		link.href = url;
+		link.download = 'svelte-app.zip';
+		link.style.display = 'none';
+		document.body.appendChild(link);
+		link.click();
+		URL.revokeObjectURL(url);
+		link.remove();
+	}
+
 	async function update_hash() {
 		// Only change hash when necessary to avoid polluting everyone's browser history
 		if (modified) {
@@ -200,6 +239,7 @@
 				{can_escape}
 				injectedJS={mapbox_setup}
 				{onchange}
+				{download}
 				previewTheme={$theme.current}
 			/>
 		</div>
diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index 719bb5d218..783600563f 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -10,9 +10,10 @@
 		workspace: Workspace;
 		can_migrate: boolean;
 		migrate: () => void;
+		download?: () => void;
 	}
 
-	let { runes, onchange, workspace, can_migrate, migrate }: Props = $props();
+	let { runes, onchange, workspace, can_migrate, migrate, download }: Props = $props();
 
 	let input = $state() as HTMLInputElement;
 	let input_value = $state(workspace.current.name);
@@ -170,6 +171,10 @@
 			</label>
 
 			<button disabled={!can_migrate} onclick={migrate}>Migrate to Svelte 5, if possible</button>
+
+			{#if download}
+				<button onclick={download}>Download app</button>
+			{/if}
 		</Toolbox>
 	</div>
 </div>
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 3b3bd44ae8..41e4e786a3 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -23,6 +23,7 @@
 		injectedCSS?: string;
 		previewTheme?: 'light' | 'dark';
 		onchange?: () => void;
+		download?: () => void;
 	}
 
 	let {
@@ -37,7 +38,8 @@
 		injectedJS = '',
 		injectedCSS = '',
 		previewTheme = 'light',
-		onchange = () => {}
+		onchange = () => {},
+		download
 	}: Props = $props();
 
 	// TODO pass in real data
@@ -174,7 +176,7 @@
 		>
 			{#snippet a()}
 				<section>
-					<ComponentSelector {runes} {onchange} {workspace} {can_migrate} {migrate} />
+					<ComponentSelector {runes} {onchange} {workspace} {can_migrate} {migrate} {download} />
 
 					<Editor {workspace} />
 				</section>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a5ee117b10..7c572cd679 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -77,6 +77,9 @@ importers:
       d3-geo-projection:
         specifier: ^4.0.0
         version: 4.0.0
+      do-not-zip:
+        specifier: ^1.0.0
+        version: 1.0.0
       editor:
         specifier: workspace:*
         version: link:../../packages/editor
@@ -177,6 +180,9 @@ importers:
       satori-html:
         specifier: ^0.3.2
         version: 0.3.2
+      sv:
+        specifier: ^0.6.8
+        version: 0.6.8
       svelte:
         specifier: 5.14.0
         version: 5.14.0
@@ -2131,6 +2137,9 @@ packages:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
+  do-not-zip@1.0.0:
+    resolution: {integrity: sha512-Pgd81ET43bhAGaN2Hq1zluSX1FmD7kl7KcV9ER/lawiLsRUB9pRA5y8r6us29Xk6BrINZETO8TjhYwtwafWUww==}
+
   dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
@@ -2994,6 +3003,10 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  sv@0.6.8:
+    resolution: {integrity: sha512-9+gEOIED7KzyvDVF7W4/L2Nv9ISvFrU0xp8dtEyP1QHWY/1bbz/Fp0Lo7/hgBSkVvvSXV3XMxQsTwz23AOobGw==}
+    hasBin: true
+
   svelte-check@4.1.1:
     resolution: {integrity: sha512-NfaX+6Qtc8W/CyVGS/F7/XdiSSyXz+WGYA9ZWV3z8tso14V2vzjfXviKaTFEzB7g8TqfgO2FOzP6XT4ApSTUTw==}
     engines: {node: '>= 18.0.0'}
@@ -4967,6 +4980,8 @@ snapshots:
     dependencies:
       path-type: 4.0.0
 
+  do-not-zip@1.0.0: {}
+
   dom-accessibility-api@0.5.16: {}
 
   dotenv@16.4.7: {}
@@ -5883,6 +5898,8 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  sv@0.6.8: {}
+
   svelte-check@4.1.1(picomatch@4.0.2)(svelte@5.14.0)(typescript@5.5.4):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25