diff --git a/site/src/routes/repl/embed.svelte b/site/src/routes/repl/embed.svelte
new file mode 100644
index 0000000000..98b9e5ef35
--- /dev/null
+++ b/site/src/routes/repl/embed.svelte
@@ -0,0 +1,37 @@
+<script context="module">
+	export function preload({ query }) {
+		return {
+			version: query.version,
+			gist: query.gist,
+			example: query.example
+		};
+	}
+</script>
+
+<script>
+	import ReplWidget from '../../components/Repl/ReplWidget.svelte';
+
+	export let version = 'beta';
+	export let gist;
+	export let example;
+</script>
+
+<style>
+	.repl-outer {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: var(--back);
+		overflow: hidden;
+		box-sizing: border-box;
+		--pane-controls-h: 4.2rem;
+	}
+</style>
+
+<div class="repl-outer">
+	{#if process.browser}
+		<ReplWidget {version} {gist} {example} embedded={true}/>
+	{/if}
+</div>